Cómo hacerlo

Cómo añadir Facebook Web Chat con GTM

Gerardo Salandra
18 de octubre de 2018

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í?

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
Facebook SDK de chat con clientes

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).

Facebook Código del chat del cliente

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:

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
Cree un espacio si aún no lo tiene

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.
Seleccione Facebook Messenger

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
Compruebe si puede añadir el plugin opcional de chat con el cliente

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
Lista blanca de dominios y selección de color

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
Ajustar la configuración avanzada

5. Copie el guión.

Copie el script para añadir Facebook Customer Chat Plugin a su sitio web con Google Tag Manager
Copiar el guión

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
Pegar el guión

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
Compruebe su sitio web

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.

Gerardo Salandra
Consejero Delegado
Gerardo Salandra es CEO y cofundador de respond.io. Con experiencia previa en IBM, Google y Runtastic, ha acumulado experiencia en inteligencia artificial y growth hacking. Tiene un MBA por la Universidad China de Hong Kong.
Etiquetas
mofu
Copiado al portapapeles