Incorporando Facebook Messenger en Vinyl¶

Instrucciones¶

Obtenga una ID de aplicación aquí https://developers.facebook.com/apps
- Registrarse gratis
Obtenga el ID de su página de Facebook aquí https://www.facebook.com/business/help/2814101678867149
- El ID de la página es un valor numérico, la URL personalizada no funcionará.
En la página de fans de Facebook a la que se dirige Messenger, vaya a Configuración>Plataforma de Messenger>Dominios en lista blanca.
- Este tiene que ser un sitio web HTTPS.
- Las direcciones IP y el alojar local no funcionan
- ¡Asegúrate de hacer clic en guardar!

Cree una nueva plantilla HTML en Vinyl y cópiela el siguiente código, sustituyendo el ID de la aplicación y el ID de la página que obtuvo en los pasos anteriores.

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : '[AppID]',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.11'
    });
  };
  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat" page_id="[PageId]"></div>

Agregue el control HTML a la página de su elección. Una vez cargado, te seguirá por toda la aplicación.

Notas¶

¡Esto también funciona en dispositivos móviles!
Facebook considera que esto está en Beta.
El usuario final deberá iniciar sesión en Facebook para poder mantener correspondencia. Existe un complemento alternativo que permitirá un solo mensaje unidireccional del usuario a la empresa.
Hay muchas personalizaciones, respuestas automáticas, colores, etc. Aquí está la documentación de Facebook.
El valor predeterminado es que la ventana aparezca en el escritorio. En dispositivos móviles está configurado para minimizarse. El escritorio se puede configurar para este mismo comportamiento.