---
description: Facebook Customer Chat isn't very friendly with GTM or Wordpress, so we'll show you how to make it work. Free and Easy to Use Customer Chat Embedding.
title: Facebook Customer Chat: How to Use it with Google Tag Manager
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png
---

1. [Home ](/)
2. [\> Blogs ](/blog)
3. [\> How To Article](/category/how-to-article)

# How To Add Facebook Web Chat With GTM

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

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

· 31 Jan 2025

·

2 min read

![Facebook Customer Chat: How to Use it with Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png?q=70&w=400&fm=avif)

The Facebook Customer Chat Plugin is an incredible free live chat plugin that put's Facebook Messenger directly on your website. Like traditional live chat vendors, Facebook provides a back end called [Facebook Inbox where your support staff can chat with visitors, users, and customers](https://respond.io/blog/facebook-business-chat#toc-mobile-9). Unlike other live chats though, Facebook lets you message your contacts back, even after they have left your website, they will receive your messages in the Facebook Messenger app. The trouble is you can't install the Facebook Web Chat with Google Tag Manager, or can you?

## Why Facebooks Web Chat Code Doesn't Work With GTM

If you want to manage your embed codes using Google Tag Manager or via a Wordpress addon, you’ll find this isn't possible with the Facebook Customer Chat Plugin Code provided by 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 Customer Chat SDK does not work with Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/5IPttiPcrbda6i98em4L6x/cb082d454f9b5075aa10490d97ac4cdd/FacebookCustomerChatSDK_2af66deaf5f28baaf1a71675db98f619.png) 

Because the Facebook Customer Chat code requires you to paste the Facebook SDK and the customer chat code, there is no real way to install the Facebook Web Chat with Google Tag Manager (GTM). As the Facebook Customer Chat SDK can not work with Google Tag Manger (GTM).

![Facebook Customer Chat Code](https://assets2-proxy.respond.io/ph8r57dk1q9w/5odeL0zHStshwQ6yXFZNpU/38cb180aa7c61e3ad1a36c06ef8bdd24/FacebookCustomerChatCode_6efd56e777c6e4d87598c65fd9999cd1.png) 

You'll need is a way to transform this embed code into a script that can be used with google tag manager.

Turn customer conversations into business growth with respond.io. ✨

Manage calls, chats and emails in one place!

[ Book a Demo](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j%2FlaJ4%2BzD1NHrw8UnfY3qlAjv5e5x%2FLC6kTHaAzy%2BZArNHjwEPBjeaY%2Flegh7%2FlItLGZbpOSlRy%2B3HaHdvJTbK4816w%3D&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ Sign Up Free](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon%2FmNLPf8PPYjkz0WNyT3X6%2FNYXJ57JQd5OrqxmaPSa%2B7vmFBoJC5AM1ZN85A57D%2Ff8%2FTbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj%2FeAarUQTlFGjZdhnpE%2FS0oyP6r6zJeC35UP7Fj5%2FhBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU%3D&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## How To Install Facebook Web Chat With Google Tag Manager

To install the Facebook Customers Chat Plugin on Google Tag Manager (GTM), you'll need the following things:

* A Facebook page
* [A Rocketbots Account](https://app.respond.io/user/register)
* Access to Google Tag Manager for your webpage

**1 Log in to the Rocketbots platform** and create a space. You will need a space to connect your Facebook page(s).

![Create a Space If You Don't Have One Already To Add A Facebook Customer Chat Plugin To Your Website Using GTM](https://assets2-proxy.respond.io/ph8r57dk1q9w/2WpPjKUHUDzw6D1KcFlxFq/1633b16c3f6029ff47a9a79ec42a76da/1CreateSpace_a89ba47e50bd6a3d92b7c4055e0ffdbe.png) 

**2 Select Facebook Messenger**, press next then choose the Facebook Page you would like to connect.

![Select Facebook Messenger To Add A Facebook Customer Chat Plugin To Your Website Using GTM](https://assets2-proxy.respond.io/ph8r57dk1q9w/256HOr3r6ZPjXavD9nY2dr/6b8032b2664b84974de77ffc07d4b2a9/2SelectFacebookMessenger_f36a6a13f3ef5cd193112e2f4c822103.png) 

**3 Fill in your channel details** and check add Facebook's Customer Chat Widget to your website?

![Check To Add The Optional Customer Chat Plugin To Add It To Your Website Using GTM](https://assets2-proxy.respond.io/ph8r57dk1q9w/6ZtzZO8SZEWPIGG52ZAKe8/b61acc31f8ecea685b75294ad59116f9/3CheckAddPlugin_0b2931de8ce344b1753557e9de838081.png) 

**4\. White List Your Domains, Choose a Color** and fill in your advanced settings. 

![Whitelist Domains & Select A Color To Add Facebook Customer Chat Plugin To Your Website With Facebook Customer Chat Plugin](https://assets2-proxy.respond.io/ph8r57dk1q9w/5RGe914L0YLfswvsvO7n2D/3de046d3ce9c1a0d28377f95d575a713/4_1_6206b52113eaa5ae2d33acce5c4ab7e9.png) 

The reference code allows you to start a [unique onboarding automation](https://rocketbots.io/blog/onboarding-chat-subscribers/), if the contact comes from the Facebook Customer Chat Plugin.

![Adjust Advanced Settings To Add Facebook Customer Chat Plugin To Your Website With Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/2pFlaqTtAlayLkYQaRqDRF/92dee301481ba52a1639dda8fb7a6da9/4_2_035399745c216f7f5f24ca184f77c597.png) 

**5\. Copy the Script.** 

![Copy The Script To Add Facebook Customer Chat Plugin To Your Website With Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/1RqRPoV8ao0u9J707AqOCD/a471005ec82e1d74b005de1874ff3339/5_d3d2cf0510a4c061760d4a0dd2242d75.png) 

**6\. Insert the script to GTM as a custom HTML Tag.**

![Paste The Script To Add Facebook Customer Chat Plugin To Your Website With Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/7kDcJc9hetICLVBInbGgfU/960b85365af1395207c4a5c9caaa4149/GTMCustomerChatCode_ea8d7dffaffb51a56d3fc41777825438.png) 

**7\. Click Done on Rocketbots and check your pages**.

![Check Your Site To Add Facebook Customer Chat Plugin To Your Website With Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/64sEBSeO9wKz3kGN4UGShr/7796e7ce71c944a9a857804c76999b5c/6_49824edc495c233c916ec6eae44b3240.png) 

Well, that wasn’t so hard, was it? Using the Rocketbots platform you’ll find it much easier, and far more painless to generate a new Facebook Customer Chat code that actually works with GTM and Wordpress add-ons as a Script.

Along with the Facebook Customer Chat Plugin, you’ll find that it’s also easier to manage your contacts on the Rocketbots platform. With Rocketbots AI learns from your conversations over Facebook Customer Chat, and the more it learns, the more and more it’ll deliver helpful smart replies, one-click replies that are based on your past answers to similar questions. Let it continue learning and soon the AI can actually start automating your responses.

Turn customer conversations into business growth with respond.io. ✨

Manage calls, chats and emails in one place!

[ Book a Demo](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j%2FlaJ4%2BzD1NHrw8UnfY3qlAjv5e5x%2FLC6kTHaAzy%2BZArNHjwEPBjeaY%2Flegh7%2FlItLGZbpOSlRy%2B3HaHdvJTbK4816w%3D&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ Sign Up Free](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon%2FmNLPf8PPYjkz0WNyT3X6%2FNYXJ57JQd5OrqxmaPSa%2B7vmFBoJC5AM1ZN85A57D%2Ff8%2FTbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj%2FeAarUQTlFGjZdhnpE%2FS0oyP6r6zJeC35UP7Fj5%2FhBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU%3D&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## Further Reading

Getting started with generating leads on Facebook Messenger? Here are some blogs you might find useful:

* [Facebook Messenger for Business: The Ultimate Guide](https://respond.io/blog/facebook-business-chat)
* [How to Generate Leads on Facebook: Explained with Examples](https://respond.io/blog/how-to-generate-leads-facebook)
* [Add Facebook Messenger to Website: A Messenger Widget Guide](https://respond.io/blog/add-messenger-to-website)

Share this article

[![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)

## Related posts 👩‍💻

* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2oqQFglGKjjaHVJ8tzFoWn/dae58c7100ab3e6aadc197b8967ace36/Practical_Guide___Best_Omnichannel_CRM.png?q=70&w=1000&fm=avif)](/blog/best-omnichannel-crm)  
[10 Best Omnichannel CRM Platforms: Features & Pricing ComparedThe 10 best omnichannel CRM platforms: respond.io, Kustomer, Kommo, Salesforce, HubSpot, Zendesk, Intercom, Zoho CRM, Zendesk and Freshdesk.](/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)](/blog/best-ai-chatbots-for-website)  
[Best AI Chatbots for Website: Top Platforms ComparedDiscover the best AI chatbots for websites in 2025: Respond.io, Intercom, Zendesk AI, Tidio, Chatbase, Drift, HubSpot Chatbot, ManyChat, Landbot](/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)](/blog/best-ai-agents-for-customer-support)  
[Best AI Agents for Customer Support in 2025: Pros, Cons & PricingExplore the best AI agents for customer support in 2025\. Compare pros, cons and pricing of top platforms like respond.io and Intercom.](/blog/best-ai-agents-for-customer-support)

3x Your Business Results with Respond.io 🚀

[Talk to sales](/demo)[Start free trial](https://app.respond.io/user/register)

2025-12-05T05:07:00.398Z

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 Customer Chat: How to Use it with Google Tag Manager","alternativeHeadline":"Facebook Customer Chat: How to Use it with Google Tag Manager","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/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":"Here&apos;s a great tutorial on how to get Facebook Customer Chat to work on Google Tag Manager","author":{"@type":"Person","name":"Gerardo Salandra","url":"https://respond.io/author/gerardo-salandra"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/blog/facebook-customer-chat-gtm"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://respond.io/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://respond.io/blog"},{"@type":"ListItem","position":3,"name":"How To Article","item":"https://respond.io/category/how-to-article"}]}]
```
