活用秘訣:將 SimplyBook.me 串接 Facebook 像素,追蹤成功預約組數!

更新 發佈閱讀 6 分鐘
raw-image

Facebook 像素是一個分析工具,透過複製程式碼安裝在你的預約網頁中,就能幫你追蹤、衡量成效,也可以用更快的方式來建立廣告活動的受眾。舉例來說,當用戶進入到有安裝 Facebook 像素的頁面時,便會觸發程式碼並記錄其行為,作為後續廣告投放的資料庫。如果你也有串連 Google Analytics 來管理網站,那 Facebook 像素也絕對是你必安裝的工具之一。

如果你有使用 SimplyBook.me 做為預約網站,接下來就按照我們的教學步驟操作設定吧!

串接 Facebook 像素

串接 Facebook 像素首先,若要串接設定 Facebook 像素,要先申請 Facebook 企業版平台,接著需要按照 Facebook 官方步驟來建立並安裝 Facebook 像素(有中文串接教學):

Create and Install a Facebook Pixel | Facebook Ads Help Center
Set up the Facebook pixel to measure actions and build audiences.
www.facebook.com

當像素設定完成後,你也可以新增一組 Facebook 像素,專門追蹤 SimplyBook.me 預約網頁的預約成效:

1. 首先要先到 Facebook 管理後台的 事件管理工具

2. 接著在資料來源中,找到第一個頁籤的 Facebook 像素,並點選最右邊按鈕「開始使用」

raw-image


3. 命名像素名稱,並在網站網址中,貼上 SimplyBook.me 預約網頁連結

raw-image

4. 選擇自行手動安裝像素程式碼

raw-image

5. 將整串 Facebook 像素程式碼複製後,擷取 src 後面的程式碼段落(如下途中的紅底區程式碼)

raw-image

6. 登入你的 SimplyBook.me 後台,點選客製功能列表 → 啟用 CSS 設計,並且在預約頁面設計 CSS 區塊,加入剛剛複製的紅底程式碼段落,加入完成後請務必記得按下儲存按鈕。

以下將針對不同的範本提供不同的程式語法,可以將複製的紅底程式碼取代下面範例中粗體的部分,並且貼上到 CSS 區塊即可。

  • 如果你選用的是新的範本(預約網址有包含 v2 )

一般預約追蹤:

#booking-result-view .booking-item.booking-confirmed { background-image: url(“https://www.facebook.com/tr?id=648085682371525&ev=PageView&noscript=1"); }


如果你有啟用接受付款客製功能,而且在顧客預約後,不允許顧客延遲付款

.invoice-pay-page .invoice-info .part table b.text-success{ background-image: url("https://www.facebook.com/tr?id=648085682371525&ev=PageView&noscript=1"); }
  • 如果你使用的是舊的範本

一般追蹤

.go-back-link { background-image: url("https://www.facebook.com/tr?id=648085682371525&ev=PageView&noscript=1");


提醒:若你使用的是 SimplyBook.me 預約套件,將預約功能嵌入至其他網頁中,則需要把程式碼加入至「套件 CSS」頁籤中。

raw-image

7. 在複製程式碼到 SimplyBook.me 後台設定之後,接著回到 Facebook 像素設定頁面,點擊「繼續」 → 選擇「手動安裝事件碼」,接著點擊「瀏覽內容」頁籤,並輸入必填資訊,按下完成即可。

raw-image

8. Facebook 像素安裝完成後,你就可以來設定追蹤「成功預約」囉!可以到 Facebook 像素頁籤,選擇自訂轉換。

raw-image

9. 在建立自訂轉換列表中,首先要點擊下拉式選單,找到一開始命名建立的像素,接著在 URL 網址列表輸入 SimplyBook.me 預約網頁網址,最後在類別選單選擇「瀏覽內容」。

因 Facebook 針對每個追蹤像素都有不同的命名,SimplyBook.me 無法去調整更改,而在這邊我們是以「瀏覽內容」的程式碼稍作修改,在步驟 6 加入 SimplyBook.me 的程式語法,讓顧客可以用瀏覽內容的像素來追蹤成功預約組數。

raw-image

10. 最後就能在 Facebook 像素列表查看剛剛設定的追蹤的成功預約囉!

raw-image

透過上述的設定,在「收到的事件」顯示的數量可以說是大於等於你的成功預約組數,而會說大於等於的主要兩個原因是:

  • 顧客可能重整了預約網頁,造成重複追蹤
  • Facebook 後台數據較 Google 顯示相比會有高估現象

因此,若想追蹤更詳細的成功預約數據,也建議可以使用 Google Tag Manager 來設定追蹤,但相關的追蹤設定需要工程師來串接,每間公司用的程式邏輯和需求都不盡相同,若有需求可以直接到 Google 官網來設定:Google Analytics

SimplyBook.me 提供最完整的線上預約系統,就算沒有程式基礎,也能打造專屬預約系統。然而,數位的世界變化非常快,別讓競爭對手搶得預約線上化的先機,立即到 SimplyBook.me 註冊,免費試用最完整的功能。有任何操作問題,歡迎來信至 taiwan@simplybook.me 或是私訊 SimplyBook.me 預約管理小幫手,將有專人為您提供客製化的服務。


留言
avatar-img
Haoyi Fan的沙龍
27會員
165內容數
Haoyi Fan的沙龍的其他內容
2023/07/24
在未來的行銷趨勢中,AI 行銷工具絕對是扮演著關鍵的角色,透過活用這些工具來幫助您為品牌帶來更多銷售機會、提昇工作生產力,改善客戶體驗等,都能直接或間接的影響經營成效。現在每天都會有不同的行銷 AI 工具湧現,如果您有興趣使用 AI 工具,SimplyBook.me 會在本文為您推薦 5 個實用的
Thumbnail
2023/07/24
在未來的行銷趨勢中,AI 行銷工具絕對是扮演著關鍵的角色,透過活用這些工具來幫助您為品牌帶來更多銷售機會、提昇工作生產力,改善客戶體驗等,都能直接或間接的影響經營成效。現在每天都會有不同的行銷 AI 工具湧現,如果您有興趣使用 AI 工具,SimplyBook.me 會在本文為您推薦 5 個實用的
Thumbnail
2023/07/11
對於服務業經營者而言,除了平常要打理店內大小事外,還要經營數位通路,以接觸更多潛在消費者,在營運成本和人力資源有限的情況下,如何透過導入數位工具來提升經營效率,以成為所有經營者的重要課題。 因應經營者的不同需求,也有不同類型的系統,像是:會員管理、行銷推廣或社群規劃等,而本篇文章則會以線上預約系統
Thumbnail
2023/07/11
對於服務業經營者而言,除了平常要打理店內大小事外,還要經營數位通路,以接觸更多潛在消費者,在營運成本和人力資源有限的情況下,如何透過導入數位工具來提升經營效率,以成為所有經營者的重要課題。 因應經營者的不同需求,也有不同類型的系統,像是:會員管理、行銷推廣或社群規劃等,而本篇文章則會以線上預約系統
Thumbnail
2023/06/12
開店創業一直是許多人的夢想甚至是人生目標,但實際開始後,卻並非外界看到的風光明媚,背後面對的問題及辛酸往往不為人知!SimplyBook.me 將為規劃要開設服務業相關品牌的經營者,分享完整的開店攻略,並推薦適合的數位工具,幫助您在開業前可以做好更萬全的準備,以面對未知的挑戰,朝成功開店的方向前進!
Thumbnail
2023/06/12
開店創業一直是許多人的夢想甚至是人生目標,但實際開始後,卻並非外界看到的風光明媚,背後面對的問題及辛酸往往不為人知!SimplyBook.me 將為規劃要開設服務業相關品牌的經營者,分享完整的開店攻略,並推薦適合的數位工具,幫助您在開業前可以做好更萬全的準備,以面對未知的挑戰,朝成功開店的方向前進!
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
Facebook直播是一個強大的工具,可以讓您與您的觀眾即時互動和分享內容。如果您想在您的網站上舉辦一個直播活動,將Facebook直播嵌入到您的網站中是一個很好的選擇。在本文中,我們將向您介紹如何在Facebook上開啟直播並將其嵌入到您的網站中。
Thumbnail
Facebook直播是一個強大的工具,可以讓您與您的觀眾即時互動和分享內容。如果您想在您的網站上舉辦一個直播活動,將Facebook直播嵌入到您的網站中是一個很好的選擇。在本文中,我們將向您介紹如何在Facebook上開啟直播並將其嵌入到您的網站中。
Thumbnail
2306 WordPress可以做到的,不僅僅是SEO,它還能夠整合Facebook、Instagram、廣告投放,將社群行銷的效益發揮到最大。 同樣是架設網站,為什麼不選擇一個投資報酬率最大的網站呢?
Thumbnail
2306 WordPress可以做到的,不僅僅是SEO,它還能夠整合Facebook、Instagram、廣告投放,將社群行銷的效益發揮到最大。 同樣是架設網站,為什麼不選擇一個投資報酬率最大的網站呢?
Thumbnail
數位行銷的方式有許多種,除了廣告投放、社群行銷、網紅行銷外,也有越多越來服務業品牌,開始透過 SEO(搜尋引擎優化)來經營內容,以獲得更多搜尋流量。而就長遠經營的角度來看,不僅所需成本降低,在透過不斷的累積內容及優化關鍵字的情況下,內容行銷絕對是每個企業品牌獲得流量的重要利器,更是能勝出潛在競爭對手
Thumbnail
數位行銷的方式有許多種,除了廣告投放、社群行銷、網紅行銷外,也有越多越來服務業品牌,開始透過 SEO(搜尋引擎優化)來經營內容,以獲得更多搜尋流量。而就長遠經營的角度來看,不僅所需成本降低,在透過不斷的累積內容及優化關鍵字的情況下,內容行銷絕對是每個企業品牌獲得流量的重要利器,更是能勝出潛在競爭對手
Thumbnail
如果你還未安裝FB Pixel 可以先看看這篇詳細安裝教學👉🏻 超人完整FacebookPixel 安裝教學及介紹(2022年) 📣安裝完Pixel後,我們來一起看看怎麼設定事件。 1. 首先須先進入「像素」頁面中,點選「設定」,下滑找到「事件設定」區塊,點選「開啟事件設定工具」。 方法1)
Thumbnail
如果你還未安裝FB Pixel 可以先看看這篇詳細安裝教學👉🏻 超人完整FacebookPixel 安裝教學及介紹(2022年) 📣安裝完Pixel後,我們來一起看看怎麼設定事件。 1. 首先須先進入「像素」頁面中,點選「設定」,下滑找到「事件設定」區塊,點選「開啟事件設定工具」。 方法1)
Thumbnail
大家要知道如果沒有Facebook pixel的幫忙,店主根本不會知道廣告成效更無法追蹤客人的動作,因為FB只能夠追蹤客人停留在”facebook.com”時的動作,而當他們離開到了你的網頁時,FB就無法追蹤到,因此安裝好pixel就是讓FB也能夠在你網頁上追蹤客人,所以安裝好追蹤工具再開始廣告投放
Thumbnail
大家要知道如果沒有Facebook pixel的幫忙,店主根本不會知道廣告成效更無法追蹤客人的動作,因為FB只能夠追蹤客人停留在”facebook.com”時的動作,而當他們離開到了你的網頁時,FB就無法追蹤到,因此安裝好pixel就是讓FB也能夠在你網頁上追蹤客人,所以安裝好追蹤工具再開始廣告投放
Thumbnail
SimplyBook.me 活用秘訣分享,因 SimplyBook.me 提供多種不同的預約網站範本,且每個範本的圖片規格皆不大相同,今天要為經營者介紹,在選定預約範本後,如何找到適合的圖片上傳規格,並在預約網頁中加入適合且符合品牌風格的視覺! SimplyBook.me 線上預約排程系統,除了幫助
Thumbnail
SimplyBook.me 活用秘訣分享,因 SimplyBook.me 提供多種不同的預約網站範本,且每個範本的圖片規格皆不大相同,今天要為經營者介紹,在選定預約範本後,如何找到適合的圖片上傳規格,並在預約網頁中加入適合且符合品牌風格的視覺! SimplyBook.me 線上預約排程系統,除了幫助
Thumbnail
SimplyBook.me 提供了豐富的客製功能,讓商家能更有彈性的打造專屬預約網站,當然,在選用客製功能時,您可能會遇到一些困難,接下來這篇文章,我們將分享如何使用 CSS 客製功能,調整網站顯示字型! SimplyBook.me 除了支援多種不同的客製功能外,也提供超過 15 個以上的範本,幫助
Thumbnail
SimplyBook.me 提供了豐富的客製功能,讓商家能更有彈性的打造專屬預約網站,當然,在選用客製功能時,您可能會遇到一些困難,接下來這篇文章,我們將分享如何使用 CSS 客製功能,調整網站顯示字型! SimplyBook.me 除了支援多種不同的客製功能外,也提供超過 15 個以上的範本,幫助
Thumbnail
今次小K想教大家如何簡單地利用五步曲把Facebook粉絲團加入wordpress的界面裡,這樣就可以展示給訪客看,令你的網站更美觀。 第一步~Developer工具 打開 開發者工具網頁,之後會見到下圖: 記得打上你的粉絲專頁網址,設定裡面可以自行選擇頁寬、高度之類,小K建議用預設的就可以
Thumbnail
今次小K想教大家如何簡單地利用五步曲把Facebook粉絲團加入wordpress的界面裡,這樣就可以展示給訪客看,令你的網站更美觀。 第一步~Developer工具 打開 開發者工具網頁,之後會見到下圖: 記得打上你的粉絲專頁網址,設定裡面可以自行選擇頁寬、高度之類,小K建議用預設的就可以
Thumbnail
先前 SimplyBook.me 有介紹過如何利用 API 客製功能啟用,在 WordPress 加入 SimplyBook.me 預約外掛,而今天要介紹的是更簡單的方式,來幫助商家快速的在 WordPress 加入線上預約外掛! 在官網或 WordPress / Wix 加入預約外掛的好處是?
Thumbnail
先前 SimplyBook.me 有介紹過如何利用 API 客製功能啟用,在 WordPress 加入 SimplyBook.me 預約外掛,而今天要介紹的是更簡單的方式,來幫助商家快速的在 WordPress 加入線上預約外掛! 在官網或 WordPress / Wix 加入預約外掛的好處是?
Thumbnail
Facebook 像素是一個分析工具,透過複製程式碼安裝在你的預約網頁中,就能幫你追蹤、衡量成效,也可以用更快的方式來建立廣告活動的受眾。舉例來說,當用戶進入到有安裝 Facebook 像素的頁面時,便會觸發程式碼並記錄其行為,作為後續廣告投放的資料庫。如果你也有串連 Google Analytic
Thumbnail
Facebook 像素是一個分析工具,透過複製程式碼安裝在你的預約網頁中,就能幫你追蹤、衡量成效,也可以用更快的方式來建立廣告活動的受眾。舉例來說,當用戶進入到有安裝 Facebook 像素的頁面時,便會觸發程式碼並記錄其行為,作為後續廣告投放的資料庫。如果你也有串連 Google Analytic
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News