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. 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?
![](https://images.storychief.com/account_4209/CTA-03_dadd7bd22b4da3c2a336ed88135fe370_800.png)
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://images.storychief.com/account_4209/FacebookCustomerChatSDK_2af66deaf5f28baaf1a71675db98f619_800.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).
![](https://images.storychief.com/account_4209/FacebookCustomerChatCode_6efd56e777c6e4d87598c65fd9999cd1_800.png)
You'll need is a way to transform this embed code into a script that can be used with google tag manager.
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
- 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://images.storychief.com/account_4209/1CreateSpace_a89ba47e50bd6a3d92b7c4055e0ffdbe_800.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://images.storychief.com/account_4209/2SelectFacebookMessenger_f36a6a13f3ef5cd193112e2f4c822103_800.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://images.storychief.com/account_4209/3CheckAddPlugin_0b2931de8ce344b1753557e9de838081_800.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://images.storychief.com/account_4209/4_1_6206b52113eaa5ae2d33acce5c4ab7e9_800.png)
The reference code allows you to start a unique onboarding automation, 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://images.storychief.com/account_4209/4_2_035399745c216f7f5f24ca184f77c597_800.png)
5. Copy the Script.
![Copy The Script To Add Facebook Customer Chat Plugin To Your Website With Google Tag Manager](https://images.storychief.com/account_4209/5_d3d2cf0510a4c061760d4a0dd2242d75_800.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://images.storychief.com/account_4209/GTMCustomerChatCode_ea8d7dffaffb51a56d3fc41777825438_800.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://images.storychief.com/account_4209/6_49824edc495c233c916ec6eae44b3240_800.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.