---
description: Facebook 客户聊天与 GTM 或 Wordpress 并不很友好，所以我们会告诉您如何使它正常工作。 免费和简单地使用客户聊天嵌入。
title: Facebook客户聊天：如何使用Google标签管理器
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png
---

1. [首页 ](/zh)
2. [\> 博客 ](/zh/blog)
3. [\> How To Article](/zh/category/how-to-article)

# 如何使用 GTM 添加 Facebook Web 聊天

[![Gerardo Salandra](https://assets2-proxy.respond.io/ph8r57dk1q9w/6N33r6J1VRPdiVQylKFTF1/c23cccbaea7e82943d31f48b7ba627b9/Jerry_Avatar.svg?q=70&w=400&fm=avif)](/zh/author/gerardo-salandra)

[Gerardo Salandra](/zh/author/gerardo-salandra)

· 31 Jan 2025

·

3 分钟

![Facebook客户聊天：如何使用Google标签管理器](https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png?q=70&w=400&fm=avif)

Facebook客户聊天插件是一个令人难以置信的免费实时聊天插件，直接将's Facebook Messenger放置在您的网站上。 与传统的实时聊天供应商一样，Facebook 提供了一个名为 [Facebook Inbox 的后端，您的支持人员可以在其中与访客、用户和客户](https://respond.io/zh/blog/facebook-business-chat#toc-mobile-9)聊天。 与其他实时聊天服务不同，Facebook 让您能够在用户离开您网站后继续与他们联系，他们将在 Facebook Messenger 应用程序中收到您的消息。 问题是，您不能通过 Google 标签管理器安装 Facebook Web 聊天，或者说可以吗？

## 为什么 Facebook Web 聊天代码无法与 GTM 一起工作？

如果您想使用 Google 标签管理器或通过 Wordpress 插件管理嵌入代码，您会发现这对于 Facebook 客户聊天插件代码来说是不可能的。

提供的代码是一个 HTML 代码片段，一个

，必须单独粘贴到每一个页面上。 如果您有100页，这是一个问题。 明显的选项是将 Facebook 客户聊天脚本添加到 Google Tag Manager (GTM)。 ![Facebook 客户聊天 SDK 与 Google 标签管理器不工作](https://assets2-proxy.respond.io/ph8r57dk1q9w/5IPttiPcrbda6i98em4L6x/cb082d454f9b5075aa10490d97ac4cdd/FacebookCustomerChatSDK_2af66deaf5f28baaf1a71675db98f619.png) 

由于 Facebook 客户聊天代码要求您粘贴 Facebook SDK 和客户聊天代码，因此没有真正的方法可以通过 Google 标签管理器 (GTM) 安装 Facebook Web 聊天。 因为Facebook客户聊天 SDK 不能与 Google Tag Manger (GTM) 共用。

![Facebook 客户聊天代码](https://assets2-proxy.respond.io/ph8r57dk1q9w/5odeL0zHStshwQ6yXFZNpU/38cb180aa7c61e3ad1a36c06ef8bdd24/FacebookCustomerChatCode_6efd56e777c6e4d87598c65fd9999cd1.png) 

你需要做的是将这个嵌入代码转换成可以在 Google 标签管理器中使用的脚本。

通过respond.io将客户对话转化为业务增长。 ✨

在一个地方管理通话、聊天和电子邮件！

[ 预约演示](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ 免费注册](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## 如何通过 Google Tag 管理器安装 Facebook Web 聊天

要在 Google Tag Manager (GTM) 上安装 Facebook 客户聊天插件，您'需要以下内容：

* Facebook页面
* [Rocketbots账户](https://app.respond.io/user/register)
* 您需要访问 Google 标签管理器以处理您的网页。

**1 登录 Rocketbots 平台** 并创建一个空间。 您将需要一个空间来连接您的 Facebook 页面(s)。

![如果您还没有空间，可以创建一个来添加 Facebook 客户聊天插件到您的网站。](https://assets2-proxy.respond.io/ph8r57dk1q9w/2WpPjKUHUDzw6D1KcFlxFq/1633b16c3f6029ff47a9a79ec42a76da/1CreateSpace_a89ba47e50bd6a3d92b7c4055e0ffdbe.png) 

**2 选择 Facebook Messenger**，然后按下一个选择您想要连接的 Facebook 页面。

![选择 Facebook Messenger，并按下一步，然后选择您想要连接的 Facebook 页面。](https://assets2-proxy.respond.io/ph8r57dk1q9w/256HOr3r6ZPjXavD9nY2dr/6b8032b2664b84974de77ffc07d4b2a9/2SelectFacebookMessenger_f36a6a13f3ef5cd193112e2f4c822103.png) 

**3 在您的频道中填写详细信息为** 并检查是否将 Facebook'的客户聊天窗口小部件添加到您的网站？

![检查以将可选客户聊天插件添加到您的网站。](https://assets2-proxy.respond.io/ph8r57dk1q9w/6ZtzZO8SZEWPIGG52ZAKe8/b61acc31f8ecea685b75294ad59116f9/3CheckAddPlugin_0b2931de8ce344b1753557e9de838081.png) 

**4\. 白名单您的域名，选择颜色** 并填写您的高级设置。 

![白名单域名并选择一种颜色添加Facebook客户聊天插件到您的网站使用 Facebook 客户聊天插件](https://assets2-proxy.respond.io/ph8r57dk1q9w/5RGe914L0YLfswvsvO7n2D/3de046d3ce9c1a0d28377f95d575a713/4_1_6206b52113eaa5ae2d33acce5c4ab7e9.png) 

如果联系人来自Facebook客户聊天插件，参考代码允许您启动一个 [独特的上架自动化](https://rocketbots.io/blog/onboarding-chat-subscribers/)。

![调整高级设置，通过谷歌标签管理器将Facebook客户聊天插件添加到您的网站](https://assets2-proxy.respond.io/ph8r57dk1q9w/2pFlaqTtAlayLkYQaRqDRF/92dee301481ba52a1639dda8fb7a6da9/4_2_035399745c216f7f5f24ca184f77c597.png) 

**5\. 复制脚本。** 

![复制脚本添加Facebook客户聊天插件到您的网站使用 Google 标签管理器](https://assets2-proxy.respond.io/ph8r57dk1q9w/1RqRPoV8ao0u9J707AqOCD/a471005ec82e1d74b005de1874ff3339/5_d3d2cf0510a4c061760d4a0dd2242d75.png) 

**6\. 将脚本插入到 GTM 作为自定义 HTML 标签。**

![粘贴脚本以将 Facebook 客户聊天插件添加到您的网站，使用谷歌标签管理器。](https://assets2-proxy.respond.io/ph8r57dk1q9w/7kDcJc9hetICLVBInbGgfU/960b85365af1395207c4a5c9caaa4149/GTMCustomerChatCode_ea8d7dffaffb51a56d3fc41777825438.png) 

**7\. 在火箭筒上点击完成并检查你的页面**。

![查看您的站点以添加Facebook客户聊天插件到您的网站使用 Google 标签管理器](https://assets2-proxy.respond.io/ph8r57dk1q9w/64sEBSeO9wKz3kGN4UGShr/7796e7ce71c944a9a857804c76999b5c/6_49824edc495c233c916ec6eae44b3240.png) 

好吧，难道这不是那么困难吗？ 使用 Rocketbots 平台，你会发现它更容易， 生成一个新的 Facebook 客户聊天代码，它实际上与 GTM 和 Wordpress 附加组件一起运行作为脚本，这样做更加痛苦了。

伴随着Facebook客户聊天插件，你会发现在Rocketbots平台上管理您的联系人也比较容易。 通过 Rocketbots AI可以从您在 Facebook 客户聊天中的对话中学习，并且学习得越多， 它会越来越多地提供有用的智能回复，一次点击的回复基于您过去对类似问题的答案。 让它继续学习，AI很快就可以开始自动化您的回复。

通过respond.io将客户对话转化为业务增长。 ✨

在一个地方管理通话、聊天和电子邮件！

[ 预约演示](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ 免费注册](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## 进一步阅读

开始在 Facebook Messenger 上生成线索吗？ 以下是一些您可能发现有用的博客：

* [Facebook Messenger 业务指南：终极指南](https://respond.io/zh/blog/facebook-business-chat)
* [如何在 Facebook 上生成潜在客户：附带示例解释](https://respond.io/zh/blog/how-to-generate-leads-facebook)
* [将 Facebook Messenger 添加到网站：Messenger 小部件指南](https://respond.io/zh/blog/add-messenger-to-website)

分享本文

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/blog/facebook-customer-chat-gtm)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/blog/facebook-customer-chat-gtm)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/blog/facebook-customer-chat-gtm)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](https://twitter.com/share?url=https://respond.io/blog/facebook-customer-chat-gtm)

相关帖子 👩‍💻 

* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2oqQFglGKjjaHVJ8tzFoWn/dae58c7100ab3e6aadc197b8967ace36/Practical_Guide___Best_Omnichannel_CRM.png?q=70&w=1000&fm=avif)](/zh/blog/best-omnichannel-crm)  
[十大最佳全渠道 CRM 平台：功能与定价比较十大最佳全渠道 CRM 平台：respond.io、Kustomer、Kommo、Salesforce、HubSpot、Zendesk、Intercom、Zoho CRM、Zendesk 和 Freshdesk。](/zh/blog/best-omnichannel-crm)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/vr013lmO4xRSS30KcRV8T/8577db2181c4da2b4b4650ef13f7f93c/Practical_Guide___Best_AI_Chatbot_for_Website_Cover__1___1_.png?q=70&w=1000&fm=avif)](/zh/blog/best-ai-chatbots-for-website)  
[最佳网站AI聊天机器人：顶级平台比较发现2025年网站最佳AI聊天机器人：Respond.io、Intercom、Zendesk AI、Tidio、Chatbase、Drift、HubSpot聊天机器人、ManyChat、Landbot](/zh/blog/best-ai-chatbots-for-website)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1TpzwG7GSnvYfqt5pQRkSu/33fb71cdb0416e51b471784944d51485/AI_Agents_for_Customer_Support.png?q=70&w=1000&fm=avif)](/zh/blog/best-ai-agents-for-customer-support)  
[2025 年最佳 AI 客服代理：优缺点与定价探索 2025 年最佳 AI 客服代理。 比较 respond.io 和 Intercom 等顶级平台的优缺点和定价。](/zh/blog/best-ai-agents-for-customer-support)

3x Your Business Results with Respond.io 🚀

[联系销售](/zh/demo)[开始免费试用](https://app.respond.io/user/register)

2025-12-05T06:19:48.889Z

blogs

```json
[{"@context":"https://schema.org","@type":"Article","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png","thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png","headline":"Facebook客户聊天：如何使用Google标签管理器","alternativeHeadline":"Facebook客户聊天：如何使用Google标签管理器","genre":["How To Article"],"publisher":{"@type":"Organization","name":"Respond.io","sameAs":"https://respond.io","logo":{"@type":"ImageObject","url":"https://respond.io/logo/respond-io.webp"}},"url":"https://respond.io/zh/blog/facebook-customer-chat-gtm","datePublished":"2018-10-18T00:00:00.000Z","dateCreated":"2018-10-18T00:00:00.000Z","dateModified":"2025-01-31T03:05:15.772Z","description":"这是一个关于如何在 Google 标签管理器上使 Facebook 客户聊天正常工作的优秀教程。","author":{"@type":"Person","name":"Gerardo Salandra","url":"https://respond.io/zh/author/gerardo-salandra"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/zh/blog/facebook-customer-chat-gtm"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://respond.io/zh"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://respond.io/zh/blog"},{"@type":"ListItem","position":3,"name":"How To Article","item":"https://respond.io/zh/category/how-to-article"}]}]
```
