---
description: Facebook Customer Chat 對 GTM 或 Wordpress 不太友好，因此我們將向您展示如何使其發揮作用。 免費且易於使用的客戶聊天嵌入。
title: Facebook 客戶聊天：如何將其與 Google 追蹤程式碼管理器結合使用
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png
---

1. [首頁 ](/tw)
2. [\> 部落格 ](/tw/blog)
3. [\> How To Article](/tw/category/how-to-article)

# 如何使用 GTM 新增 Facebook 網路聊天

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

[Gerardo Salandra](/tw/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 客戶聊天插件是一款令人難以置信的免費即時聊天插件，可將 Facebook Messenger 直接放置在您的網站上。 與傳統的即時聊天供應商一樣，Facebook 提供了一個名為 [Facebook Inbox 的後端，您的支援人員可以在其中與訪客、用戶和客戶](https://respond.io/tw/blog/facebook-business-chat#toc-mobile-9)聊天。 然而，與其他即時聊天不同的是，Facebook 允許您向聯絡人回覆訊息，即使他們離開了您的網站，他們也會在 Facebook Messenger 應用程式中收到您的訊息。 問題是您不能使用 Google Tag Manager 安裝 Facebook Web Chat，對吧？

## 為什麼 Facebook 的網路聊天代碼無法與 GTM 一起使用

如果您想使用 Google Tag Manager 或透過 Wordpress 外掛來管理您的嵌入代碼，您會發現這在 Facebook 提供的客戶聊天插件代碼中無法實現。

提供的程式碼是一個 HTML 片段，

標籤，必須單獨貼到網站的每個頁面上。 如果您有 100 頁，這將是一個問題。 顯而易見的選擇是將 Facebook 客戶聊天腳本新增至 Google Tag Manager (GTM)。 ![Facebook 客戶聊天 SDK 不適用於 Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/5IPttiPcrbda6i98em4L6x/cb082d454f9b5075aa10490d97ac4cdd/FacebookCustomerChatSDK_2af66deaf5f28baaf1a71675db98f619.png) 

由於 Facebook 客戶聊天代碼要求您貼上 Facebook SDK 和客戶聊天代碼，因此沒有真正的方法使用 Google Tag Manager (GTM) 安裝 Facebook Web Chat。 因為 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 Manager 安裝 Facebook Web Chat

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

* Facebook 專頁
* [Rocketbots 帳戶](https://app.respond.io/user/register)
* 造訪您網頁的 Google Tag Manager

**1 登入 Rocketbots 平台** 並創造一個空間。 您將需要一個空間來連接您的 Facebook 頁面。

![如果您還沒有空間，請建立一個空間，以便使用 GTM 將 Facebook 客戶聊天外掛程式新增至您的網站](https://assets2-proxy.respond.io/ph8r57dk1q9w/2WpPjKUHUDzw6D1KcFlxFq/1633b16c3f6029ff47a9a79ec42a76da/1CreateSpace_a89ba47e50bd6a3d92b7c4055e0ffdbe.png) 

**2 選擇 Facebook Messenger**，按下一步，然後選擇您想要連結的 Facebook 專頁。

![選擇 Facebook Messenger，使用 GTM 將 Facebook 客戶聊天插件新增到您的網站](https://assets2-proxy.respond.io/ph8r57dk1q9w/256HOr3r6ZPjXavD9nY2dr/6b8032b2664b84974de77ffc07d4b2a9/2SelectFacebookMessenger_f36a6a13f3ef5cd193112e2f4c822103.png) 

**3 填寫您的頻道詳細資料** 並檢查是否將 Facebook'的客戶聊天小工具加入您的網站？

![勾選新增可選客戶聊天插件，使用 GTM 將其新增至您的網站](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/)。

![調整進階設定以使用 Google Tag Manager 將 Facebook 客戶聊天外掛程式新增至您的網站](https://assets2-proxy.respond.io/ph8r57dk1q9w/2pFlaqTtAlayLkYQaRqDRF/92dee301481ba52a1639dda8fb7a6da9/4_2_035399745c216f7f5f24ca184f77c597.png) 

**5\. 複製腳本。** 

![複製腳本，使用 Google Tag Manager 將 Facebook 客戶聊天外掛程式新增至您的網站](https://assets2-proxy.respond.io/ph8r57dk1q9w/1RqRPoV8ao0u9J707AqOCD/a471005ec82e1d74b005de1874ff3339/5_d3d2cf0510a4c061760d4a0dd2242d75.png) 

**6\. 將腳本作為自訂 HTML 標籤插入 GTM。**

![貼上腳本以使用 Google Tag Manager 將 Facebook 客戶聊天外掛程式新增至您的網站](https://assets2-proxy.respond.io/ph8r57dk1q9w/7kDcJc9hetICLVBInbGgfU/960b85365af1395207c4a5c9caaa4149/GTMCustomerChatCode_ea8d7dffaffb51a56d3fc41777825438.png) 

**7\. 點擊 Rocketbots 上的完成並檢查您的頁面**。

![使用 Google Tag Manager 檢查您的網站，將 Facebook 客戶聊天外掛程式新增至您的網站](https://assets2-proxy.respond.io/ph8r57dk1q9w/64sEBSeO9wKz3kGN4UGShr/7796e7ce71c944a9a857804c76999b5c/6_49824edc495c233c916ec6eae44b3240.png) 

嗯，這並不是那麼難，不是嗎？ 使用 Rocketbots 平台，您會發現產生新的 Facebook 客戶聊天程式碼變得更加容易且輕鬆，該程式碼實際上可以作為腳本與 GTM 和 Wordpress 外掛程式一起使用。

使用 Facebook 客戶聊天插件，您會發現在 Rocketbots 平台上管理聯絡人也變得更加容易。 Rocketbots AI 可以從您在 Facebook 客戶聊天中的對話中學習，它學得越多，它就能提供越有用的智能回复，這些回復基於您過去對類似問題的回答而實現一鍵回复。 讓它繼續學習，很快人工智慧就可以開始自動回覆你。

透過 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/tw/blog/facebook-business-chat)
* [如何在 Facebook 上吸引潛在客戶：舉例說明](https://respond.io/tw/blog/how-to-generate-leads-facebook)
* [將 Facebook Messenger 新增至網站：Messenger 小工具指南](https://respond.io/tw/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)](/tw/blog/best-omnichannel-crm)  
[十大最佳全通路 CRM 平台：功能與定價比較}\]},十大最佳全通路 CRM 平台：respond.io、Kustomer、Kommo、Salesforce、HubSpot、Zendesk、Intercom、Zoho CRM、Zendesk 與 Freshdesk。](/tw/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)](/tw/blog/best-ai-chatbots-for-website)  
[網站最佳 AI 聊天機器人：比較頂尖平台發現2025年最佳網站AI聊天機器人：Respond.io、Intercom、Zendesk AI、Tidio、Chatbase、Drift、HubSpot聊天機器人、ManyChat、Landbot](/tw/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)](/tw/blog/best-ai-agents-for-customer-support)  
[2025 年最佳 AI 代理用於客戶支持：優缺點及定價探索 2025 年最佳的 AI 代理，用於客戶支持。 比較 respond.io 和 Intercom 等頂級平台的優缺點和定價。](/tw/blog/best-ai-agents-for-customer-support)

用 Respond.io 增加 3 倍的業務成果 🚀

[聯絡銷售](/tw/demo)[開始免費試用](https://app.respond.io/user/register)

2025-12-05T06:17:35.018Z

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/tw/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":"這是關於如何讓 Facebook Customer Chat 在 Google 追蹤程式碼管理員上運行的精彩教學","author":{"@type":"Person","name":"Gerardo Salandra","url":"https://respond.io/tw/author/gerardo-salandra"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/tw/blog/facebook-customer-chat-gtm"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://respond.io/tw"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://respond.io/tw/blog"},{"@type":"ListItem","position":3,"name":"How To Article","item":"https://respond.io/tw/category/how-to-article"}]}]
```
