El Facebook Customer Chat Plugin es un increíble plugin gratuito de chat en vivo que pone Facebook Messenger directamente en su sitio web. Al igual que los proveedores tradicionales de chat en vivo, Facebook proporciona un back-end llamado Facebook Inbox donde su personal de apoyo puede chatear con los visitantes, usuarios y clientes. Sin embargo, a diferencia de otros chats en vivo, Facebook te permite enviar mensajes a tus contactos, incluso después de que hayan abandonado tu sitio web, recibirán tus mensajes en la aplicación Facebook Messenger . El problema es que no puedes instalar el chat web de Facebook con Google Tag Manager, ¿o sí?
![](https://images.storychief.com/account_4209/CTA-03_dadd7bd22b4da3c2a336ed88135fe370_800.png)
Por qué el código del chat web de Facebook no funciona con GTM
Si desea gestionar sus códigos de incrustación mediante Google Tag Manager o a través de un complemento de Wordpress, descubrirá que esto no es posible con el código del complemento de chat con clientes Facebook proporcionado por 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 no funciona con Google Tag Manager](https://images.storychief.com/account_4209/FacebookCustomerChatSDK_2af66deaf5f28baaf1a71675db98f619_800.png)
Debido a que el código del chat de clientes de Facebook requiere que pegues el SDK de Facebook y el código del chat de clientes, no existe una forma real de instalar el chat web de Facebook con Google Tag Manager (GTM). Dado que el SDK del chat de clientes Facebook no puede funcionar con Google Tag Manger (GTM).
![](https://images.storychief.com/account_4209/FacebookCustomerChatCode_6efd56e777c6e4d87598c65fd9999cd1_800.png)
Necesitarás una forma de transformar este código incrustado en un script que se pueda utilizar con google tag manager.
Cómo instalar Facebook Web Chat con Google Tag Manager
Para instalar el plugin Facebook Customers Chat en Google Tag Manager (GTM), necesitará lo siguiente:
- Una página Facebook
- Una cuenta Rocketbots
- Acceso a Google Tag Manager para su página web
1 Conéctese a la plataforma Rocketbots y cree un espacio. Necesitarás un espacio para conectar tu(s) página(s) Facebook .
![Cree un espacio si aún no lo tiene para añadir un plugin de chat de clientes Facebook a su sitio web mediante GTM](https://images.storychief.com/account_4209/1CreateSpace_a89ba47e50bd6a3d92b7c4055e0ffdbe_800.png)
2 Seleccione Facebook Messenger, pulse siguiente y luego elija la página Facebook a la que desea conectarse.
![Selecciona Facebook Messenger para añadir un plugin de chat con clientes de Facebook a tu sitio web mediante GTM.](https://images.storychief.com/account_4209/2SelectFacebookMessenger_f36a6a13f3ef5cd193112e2f4c822103_800.png)
3 Rellene los datos de su canal y marque Añadir widget de chat de clientes de Facebook a su sitio web?
![Compruebe cómo añadir el plugin opcional de chat con el cliente para añadirlo a su sitio web mediante GTM](https://images.storychief.com/account_4209/3CheckAddPlugin_0b2931de8ce344b1753557e9de838081_800.png)
4. Lista blanca de sus dominios, elija un color y rellene la configuración avanzada.
![Lista blanca de dominios y seleccione un color para agregar Facebook Chat del cliente Plugin a su sitio web con Facebook Chat del cliente Plugin](https://images.storychief.com/account_4209/4_1_6206b52113eaa5ae2d33acce5c4ab7e9_800.png)
El código de referencia le permite iniciar una automatización de onboarding única, si el contacto proviene del plugin de chat de clientes Facebook .
![Ajuste la configuración avanzada para añadir Facebook Customer Chat Plugin a su sitio web con Google Tag Manager](https://images.storychief.com/account_4209/4_2_035399745c216f7f5f24ca184f77c597_800.png)
5. Copie el guión.
![Copie el script para añadir Facebook Customer Chat Plugin a su sitio web con Google Tag Manager](https://images.storychief.com/account_4209/5_d3d2cf0510a4c061760d4a0dd2242d75_800.png)
6. Inserte el script en GTM como una etiqueta HTML personalizada.
![Pegue el script para añadir Facebook Customer Chat Plugin a su sitio web con Google Tag Manager](https://images.storychief.com/account_4209/GTMCustomerChatCode_ea8d7dffaffb51a56d3fc41777825438_800.png)
7. Haga clic en Hecho en Rocketbots y compruebe sus páginas.
![Compruebe su sitio para agregar Facebook plugin de chat de cliente a su sitio web con Google Tag Manager](https://images.storychief.com/account_4209/6_49824edc495c233c916ec6eae44b3240_800.png)
Bueno, eso no fue tan difícil, ¿verdad? Usando la plataforma Rocketbots encontrarás que es mucho más fácil, y mucho más indoloro generar un nuevo código de Chat de Clientes Facebook que realmente funcione con GTM y complementos de Wordpress como un Script.
Junto con el plugin Facebook Customer Chat, descubrirás que también es más fácil gestionar tus contactos en la plataforma Rocketbots. Con Rocketbots AI aprende de tus conversaciones a través de Facebook Customer Chat, y cuanto más aprende, más y más va a ofrecer respuestas inteligentes útiles, respuestas de un solo clic que se basan en tus respuestas anteriores a preguntas similares. Deja que siga aprendiendo y pronto la IA podrá empezar a automatizar tus respuestas.