Facebook 客戶聊天外掛程式是一個令人難以置信的免費即時聊天外掛程式,它把 Facebook Messenger 直接在您的網站上。與傳統的即時聊天供應商一樣,Facebook 提供了一個名為 Facebook 收件匣的後端,您的支援人員可以在其中與訪問者、使用者和客戶聊天。不過,與其他即時聊天不同的是,Facebook 允許您向聯繫人發送消息,即使他們離開了您的網站,他們也會在 Facebook Messenger 應用程式。問題是您無法使用 Google 追蹤代碼管理員安裝 Facebook Web Chat,或者您可以嗎?
![](https://images.storychief.com/account_4209/CTA-03_dadd7bd22b4da3c2a336ed88135fe370_800.png)
為什麼 Facebook 的網路聊天代碼不適用於 GTM
如果您想使用 Google 追蹤代碼管理員或透過 Wordpress 外掛程式管理您的嵌入代碼,您會發現使用 Facebook 提供的 Facebook 客戶聊天外掛程式碼無法做到這一點。
The code provided is an HTML snippet, a <div> that must be pasted on every site page individually. This is a problem if you have 100 pages. The obvious option is add to the Facebook Customer Chat script to Google Tag Manager (GTM).
![Facebook 客戶聊天 SDK 不適用於 Google 追蹤代碼管理員](https://images.storychief.com/account_4209/FacebookCustomerChatSDK_2af66deaf5f28baaf1a71675db98f619_800.png)
由於 Facebook 客戶聊天代碼要求您粘貼 Facebook SDK 和客戶聊天代碼,因此無法真正使用 Google 追蹤代碼管理員 (GTM) 安裝 Facebook 網路聊天。由於 Facebook 客戶聊天 SDK 無法與 Google Tag Manger (GTM) 一起使用。
![](https://images.storychief.com/account_4209/FacebookCustomerChatCode_6efd56e777c6e4d87598c65fd9999cd1_800.png)
您需要一種將此嵌入代碼轉換為可與Google追蹤代碼管理員一起使用的腳本的方法。
如何使用 Google 追蹤代碼管理器安裝 Facebook 網路聊天
要在 Google 追蹤代碼管理員 (GTM) 上安裝 Facebook 客戶聊天外掛程式,您需要滿足以下條件:
- Facebook 頁面
- Rocketbots 帳戶
- 訪問網頁的 Google 追蹤代碼管理員
1 登錄 Rocketbots 平台 並創建一個空間。您將需要一個空間來連接您的 Facebook 頁面。
![創建一個空間(如果您還沒有空間),請使用 GTM 將 Facebook 客戶聊天外掛程式添加到您的網站](https://images.storychief.com/account_4209/1CreateSpace_a89ba47e50bd6a3d92b7c4055e0ffdbe_800.png)
2 選擇 Facebook Messenger,按“下一步”,然後選擇要連接的Facebook主頁。
![選擇 Facebook Messenger 使用 GTM 將 Facebook 客戶聊天外掛程式添加到您的網站](https://images.storychief.com/account_4209/2SelectFacebookMessenger_f36a6a13f3ef5cd193112e2f4c822103_800.png)
3 填寫您的頻道詳細資訊 並選中將 Facebook 的客戶聊天小部件添加到您的網站?
![選中添加可選的客戶聊天外掛程式以使用 GTM 將其添加到您的網站](https://images.storychief.com/account_4209/3CheckAddPlugin_0b2931de8ce344b1753557e9de838081_800.png)
4. 將您的功能變數名稱列入白名單,選擇一種顏色 並填寫您的高級設置。
![白名單功能變數名稱 & 選擇一種顏色以使用 Facebook 客戶聊天外掛程式將 Facebook 客戶聊天外掛程式添加到您的網站](https://images.storychief.com/account_4209/4_1_6206b52113eaa5ae2d33acce5c4ab7e9_800.png)
參考代碼允許您啟動 唯一的入職自動化,如果聯繫人來自 Facebook 客戶聊天外掛程式。
![調整高級設置以使用Google追蹤代碼管理員將Facebook客戶聊天外掛程式添加到您的網站](https://images.storychief.com/account_4209/4_2_035399745c216f7f5f24ca184f77c597_800.png)
5. 複製文稿。
![複製腳本以使用Google跟蹤代碼管理員將Facebook客戶聊天外掛程式添加到您的網站](https://images.storychief.com/account_4209/5_d3d2cf0510a4c061760d4a0dd2242d75_800.png)
6. 將文稿作為自訂 HTML 標籤插入 GTM。
![粘貼腳本以使用Google追蹤代碼管理員將Facebook客戶聊天外掛程式添加到您的網站](https://images.storychief.com/account_4209/GTMCustomerChatCode_ea8d7dffaffb51a56d3fc41777825438_800.png)
7. 在 Rocketbots 上按一下完成「並檢查您的頁面」。
![檢查您的網站以使用Google追蹤代碼管理員將Facebook客戶聊天外掛程式添加到您的網站](https://images.storychief.com/account_4209/6_49824edc495c233c916ec6eae44b3240_800.png)
嗯,這並不難,不是嗎?使用 Rocketbots 平臺,您會發現生成新的 Facebook 客戶聊天代碼要容易得多,而且更加輕鬆,該代碼實際上可以作為腳本與 GTM 和 Wordpress 外掛程式一起使用。
除了 Facebook 客戶聊天外掛程式,您會發現在 Rocketbots 平臺上管理您的連絡人也更容易。借助 Rocketbots,AI 可以從您在 Facebook 客戶聊天中的對話中學習,它學習的越多,它就越能提供有用的智慧回復,即基於您過去對類似問題的回答的一鍵式回復。讓它繼續學習,很快人工智慧就可以開始自動回答了。