活用秘訣:將 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
留言分享你的想法!
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.official⁠ ♥️ ⁠
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
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