Una vez hayas añadido el Plugin Web en tu página web podrás configurar las siguientes funcionalidades:
- Envío del url actual en tus links de redirección a WhatsApp.
- Soporte a eventos con Facebook Pixel y Google Analytics en el Plugin Web.
- Envío de mensajes personalizados al Plugin Web cuando el usuario interactúa con elementos de tu página web.
A continuación te mostraremos las instrucciones para añadir estas funcionalidades a tu página web:
Envío del url actual en tus links de redirección a WhatsApp
Imagina que en tu página web tienes el siguiente link de redirección a WhatsApp:
<a href="https://api.whatsapp.com/send?phone=50766617374&text=Hola">WhatsApp</a>
Al hacer click en el link, serás redireccionado a WhatsApp y podrás enviar el mensaje «Hola» al número 50766617374.
Si quieres que el url de tu página aparezca en el mensaje que es enviado a Whatsapp, solo tienes que incluir el texto #page.url en el parámetro text, de la siguiente forma:
<a href="https://api.whatsapp.com/send?phone=50766617374&text=Hola#page.url">WhatsApp</a>
Si suponemos que el url de tu página es http://ejemplo.com, cuando hagas click en el link, serás redireccionado a WhatsApp y podrás enviar el siguiente mensaje:
Hola
https://ejemplo.com
Ejemplo:
Si haces click aquí serás redireccionado a WhatsApp y podrás probar la funcionalidad. ¡Animate a probarlo!
Nota importante:
Para las siguientes dos funcionalidades deberás pegar el siguiente código justo luego de la etiqueta <body> en tu página web:
<script> const atomPlugin = new AtomPlugin(); </script>
Cabe resaltar que solo puedes incluír este código una única vez por cada documento html, lo que significa que no puedes tenerlo más de una vez en un documento html. A este código lo llamaremos Script 1.*
Soporte a eventos con Facebook Pixel y Google Analytics en el Plugin Web
Con esta funcionalidad podrás disparar eventos desde el Plugin Web hacia Facebook Pixel y Google Analytics, permitiéndote por ejemplo saber cuántos usuarios decidieron continuar la comunicación por Whatsapp, cuántos por Facebook y cuantos por el Plugin Web. ¡Adelante! Puedes probar la funcionalidad en nuestro Plugin web.
Para añadir soporte a eventos con Facebook Pixel y Google Analytics en el Plugin Web, debes pegar este código luego del Script 1 en tu página web.
<script>
atomPlugin.addCommands([
{ name: 'fbq', handler: fbq },
{ name: 'gtag', handler: gtag }
]);
</script>Envío de mensajes personalizados al Plugin Web cuando el usuario interactúa con elementos de tu página web
Haz de cuentas que en tu página web tienes el siguiente botón:
<button id="boton1"> Enviar Mensaje </button>
Ahora, supongamos que quieres que cuando el usuario haga click en el botón se envíe el mensaje «Mensaje de prueba» al Plugin Web.
En ese caso, deberás pegar el siguiente código luego del código del botón (luego de la etiqueta </button>):
<script>
atomPlugin.addEvents([{
elementId: 'boton1',
type: 'click',
message: 'Mensaje de prueba'
}]);
</script> Por medio de este código, le estamos diciendo al Plugin Web que cuando se dispare el evento ‘click’ en el elemento con el id ‘boton1’ queremos que se envíe el mensaje ‘Mensaje de prueba’.
Puedes enviar mensajes en respuesta a todo tipo de eventos, en todo tipo de elementos y, puedes agregar el código a tantos elementos como quieras, solo debes asegurarte de pegar el código después del elemento al que quieres agregar la funcionalidad y que el elementId y el type correspondan con dicho elemento.
Ejemplo: Si haces click en el siguiente botón, podrás enviar un mensaje al plugin web. ¡Adelante! ¡Pruebalo!