Hemos estado esperando desde hace mucho la opción de integrar Facebook Messenger en nuestra página web. YA es posible si sigues estos pasos…

Customer Chat Plugin

Ya hemos hablado del Page Plugin anteriormente y de seguro lo has visto alrededor del Internet en varios sitios web. Básicamente es el recuadro que ves con cuantos «me gusta» tiene la página y generalmente está acompañado de las últimas noticias de la biografía de dicha página de Facebook.

Pero ahora, tenemos la opción de agregar una «Burbuja» flotando sobre tu sitio web donde estará el Messenger completo para que tus visitantes puedan platicar con tu página de Facebook en tiempo real (¡sin salir de tu página!).

En este video te explico paso por paso cómo hacerlo para sitios como Wix y WordPress con Google Tag Manager:

Código HTML para Tag Manager

NOTA: SÓLO USA ESTO SI VES EL VIDEO COMPLETO, NO ES UN REEMPLAZO PARA EL CÓDIGO DE FACEBOOK.

Agrega esto en Google Tag Manager si quieres seguir esas instrucciones del video:

<script>
(function() {
// Sólo usar esto en Google Tag Manager
// Modifica el identificador de tu página
var page_id = '860500320666868';
var ref = '';
var theme_color = '';
var logged_in_greeting = 'Hola! ¿En qué te puedo apoyar hoy?';
var logged_out_greeting = 'Hola! ¿En qué te puedo apoyar hoy?';

// No toques este código que sigue
var el = document.createElement('div');
el.className = 'fb-customerchat';
el.setAttribute('page_id', page_id);
if (ref.length) { el.setAttribute('ref', ref); }
el.setAttribute('theme_color', theme_color);
el.setAttribute('logged_in_greeting', logged_in_greeting);
el.setAttribute('logged_out_greeting', logged_out_greeting);
document.body.appendChild(el);
})();
</script>

¿Ya estás usando el plugin? ¿Que te parece la nueva funcionalidad?

Publicado originalmente en Dic. 15, 2015 – actualizado para mostrar la nueva versión del Plugin.