Introducción

Aprende cómo funcionan los eventos personalizados en el HUB de Notificaciones de Icomm y cómo pueden utilizarse para filtrar usuarios en los envíos de campañas push.

¿Qué son los eventos personalizados?

Los eventos personalizados son hitos que ocurren en la página del cliente, pueden ser eventos per se (un usuario hizo click en un botón/agrego un producto al carrito) como hitos que no necesariamente correspondan con una acción particular (el usuario permaneció más de 1 minuto en una misma página).

¿Cómo se envían los eventos personalizados al HUB de notificaciones?

Los eventos personalizados deben ser enviados de forma explícita por cada cliente, ya que el HUB no tiene forma de conocerlos.

Para hacerlo, deben utilizar la función provista en el SDK que se instala con el script tradicional del Hub en todas las páginas:

wpn('event', 'NOMBRE EVENTO');

Donde <<NOMBRE EVENTO>> será el nombre que se le quiera dar al evento. Debe ser una palabra y puede contener letras y números solamente.

¿Cómo implementar el evento personalizado?

El evento personalizado se puede implementar de la forma que el cliente lo desee. A continuación, algunos ejemplos:

- Inserción directo en el código (enlace)
- Inserción mediante javascript
- Inserción desde GTM

Para todos estos casos, asumimos que el evento que queremos mandar es ‘evento prueba’.

Inserción directo en el código (enlace)

Quizás sea el método más directo y fácil de visualizar para un programador o cualquier persona con acceso al código. Se debe agregar el código en un enlace <a> como se muestra a continuación.

<a href=”#” onclick=”wpn(‘event’, ‘evento prueba’);”>Click para enviar evento</a>

Inserción mediante javascript

Este caso permite modificar el funcionamiento de un sitio ya funcionando, sin tener que cambiar la estructura del mismo. Supongamos que tenemos el siguiente enlace:

<a href=”/ver-ofertas” id=”enlace-ofertas”>Ver ofertas</a>

En este caso, se puede agregar el siguiente código JS al sitio sin modificar la estructura existente

<script type=”text/javascript”>

let link = document.getElementById(“enlace-ofertas”);

link.addEventListener(‘click’, () => {wpn(‘event’, ‘evento prueba’);}, {once:true});

</script>

Inserción desde GTM

Este caso se presenta como opción para implementar eventos que no requieran intervención de programadores (puede ser que se necesite algo de ayudar para identificar el enlace/botón que se quiere trackear).

Supongamos que tenemos la misma estructura HTML del caso anterior:

<a href=”/ver-ofertas” id=”enlace-ofertas”>Ver ofertas</a>

En este caso, hay que hacer lo siguiente:

Identificar en enlace/botón sobre el que se quiere disparar el evento
Crear el trigger correspondiente en GTM
Crear el tag y asociarlo al trigger del paso 2

Identificar en enlace/botón sobre el que se quiere disparar el evento

En nuestro caso, tenemos el enlace que se identifica mediante su ID (debería ser único en todo el HTML). Para el ejemplo entonces queremos el enlace cuyo id=”enlace-ofertas”

Crear el trigger correspondiente en GTM

Ingresar a triggers, en el menú derecho

Ingresar en el botón New/Nuevo que se encuentra arriba a la derecha

Colocarle un nombre (en nuestro ejemplo “Trigger de evento de prueba”) y presionar el lápiz que aparece al pasar por sobre el área central de la pantalla que se muestra a continuación.

Seleccionar el evento que se quiere seguir para disparar el evento personalizado. En nuestro ejemplo Click (puede ser “All elements” o “Just links” en este caso)

Configurar el trigger para que se dispare solamente con el click en el botón que queremos, configurando: “some clicks” y en el desplegable HTML ID equals “enlace-ofertas” (esto sirve para el HTML nuestro como se vio en el paso 1, puede ser que sea necesario aplicar otro filtro particular para cada enlace/evento que se quiera disparar).

A continuación se muestra como debería quedar configurado el trigger:

Presionar “Save” y guardar el trigger

Crear el tag correspondiente en GTM

Ingresar a tags en el menú derecho.

Presionar New/Nuevo para configurar el tag del evento que queremos disparar.

Colocarle un nombre (en nuestro ejemplo “Tag de evento de prueba”) y presionar el lápiz que aparece al pasar por sobre la primer card del área central de la pantalla que se muestra a continuación.

En esa sección, elegir Custom HTML.

Completar con el código del evento que se quiere disparar, como se muestra a continuación.

Luego ir a la segunda card y presionar el lápiz. Seleccionar el trigger que hayamos creado en el paso anterior.

Una vez seleccionado, guardar el tag.

Se puede probar utilizando la funcionalidad integrada de GTM y luego publicar (sin la publicación, el tag no estará activo y por lo tanto no se generarán eventos).

¿Cómo usar los eventos personalizados para segmentar en el HUB de notificaciones?

Ingresa al HUB y ve al módulo Comportamientos dentro del menú de Notificaciones Push. En dicha pantalla presiona el botón Crear comportamiento para generar un nuevo comportamiento en base al evento que enviamos anteriormente.

Crea el evento asignándole un nombre (con el que luego lo identificarán dentro del HUB) y selecciona las opciones de incluir, evento personalizado igual a “evento prueba” (en este caso, deberás reemplazar por el <<NOMBRE EVENTO>> que se requiera) en los últimos N días (sugerimos utilizar entre 7 y 20 días).

Una vez completados los datos, guarda el evento, y dirígete a la sección de campañas push.

Selecciona el evento creado.

Se puede seleccionar más de un evento y se enviará la campaña a todos los subscriptores que cumplan con al menos uno de los comportamientos seleccionados.

Si se quiere establecer un filtro para segmentar usuarios que hayan realizado más de un evento, el mismo se puede crear desde comportamientos (aplicando más de una regla).

Nota: El análisis de comportamiento es costoso computacionalmente. Si se utiliza para campañas bomba/relámpago, tener en cuenta que la misma puede demorar en ser enviada (dependiendo de varios factores como la cantidad de campañas que se están enviando en simultáneo, complejidad del comportamiento, etc).

Actualizado el: 16/02/2023