Training Blogger - Suscribete!

Conecta con tus lectores, gracias a Messenger de Facebook

Conecta con tus lectores, gracias a Messenger de Facebook



messenger-en-blogger


Si tu espacio en Blogger es para ofrecer servicios y/o productos, es muy importante que tus lectores tengan facilidad (y comodidad) para comunicarse contigo.

En esta ocasión te comparto cómo añadir la caja de mensajería de Facebook, Messenger, que la gran mayoría de usuarios de Internet maneja, y todo esto en un tris tras.


Las ventajas:

  • Es de fácil instalación, le implementas en pocos minutos.
  • No requiere crear nuevas cuentas en servicios externos, desde el perfil que administra la fanpage de tu blog puedes crear tu cajilla.
  • No requiere que tus lectores creen cuentas ni nada, la caja reconoce su sesión en Facebook si está abierta, sino le invita a iniciarla sólo si van a escribirte.
  • No es invasiva, no obstruye la visibilidad, no genera sonidos molestos a los lectores.

Observaciones:

  • Cómo todo elemento de su tipo, implica gran cantidad de HTTP request (30 para ser exactos), afectando el desempeño del sitio (velocidad de carga, peso total).
  • Ten en cuenta siempre la legislación vigente sobre Protección de datos para tu país o región.


En Facebook:

Estando en tu fanpage, ve a Configuración > Plataforma de Messenger y en esta ventana localiza la sección Plugin de chat con clientes y pulsa el botón de configurar a su lado.





Una vez allí, tendrás estas 3 sencillas ventanas:

PASO 1


En el PUNTO 1 puedes escoger el idioma en que se mostrará el chat, y en el PUNTO 2 puedes editar tu saludo.




PASO 2


En esta ventana, se selecciona la frecuencia de respuesta que es mostrada a los contactos, además de poder escoger el color temático de tu sitio.



PASO 3


Ahora, resta colocar la URL de tu sitio, sin ello el plugin no se mostrará.

Y no olvides seleccionar el checkbox de que ya instalaste en tu sitio, por el momento no des a finalizar y sencillamente copia el código generado, sin cerrar esta ventana.


Convierte tu blog en una máquina de ventas

Únete y descubre como convertir tu simple blogspot en un imán de potenciales clientes.


Ahora, en Blogger

En la Edición HTML de tu tema, localiza </body> y justo encima coloca todo el código que previamente has copiado desde Facebook.

Entonces, selecciona el siguiente fragmento
 
https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1

Y lo SUSTITUYES por lo siguiente:
  
https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js#xfbml=1&amp;version=v2.12&amp;autoLogAppEvents=1

Este ligero cambio es necesario para que el plugin funcione sin problemas en Blogger. Das a guardar tu tema y entonces regresas a la ventana de Facebook y pulsas 'Finalizar'.


Extra

Si el botón flotante del menú llega a interferir con el diseño de tu footer o de otro elemento, puedes ajustar su posición (desde el fondo o bottom) con las siguientes reglas, colocadas dentro del b:skin:
/* Mantén la unidad de medida cómo puntos 'pt' */
.fb_dialog.fb_dialog_advanced {bottom: 48pt!important} /* Edita el botón flotante */
.fb_iframe_widget iframe {bottom: 98pt!important} /* Edita el cuadro de mensajes */


Resultado:


Imagen para efectos del tutorial





Como ves, fue una configuración muy rápida, con casi nada para editar en Blogger y que en cuestión de segundos el chat está operando en tu sitio.

Anímate a compartir este tutorial, basta un click para ello ⬇


Conecta con tus lectores, gracias a Messenger de Facebook Cyball Ruiz 5 de 5
Instala en minutos el chat de Messenger en tu sitio de Blogger (blogspot) e incentiva la comunicación efectiva con tus lectores


Publicado por Cyball Ruiz el lunes, abril 23, 2018