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 客户聊天中的对话中学习,它学习的越多,它就越能提供有用的智能回复,即基于您过去对类似问题的回答的一键式回复。让它继续学习,很快人工智能就可以开始自动回答了。