Google Tag Manager
Última actualización
Última actualización
Puedes integrar Videsk mediante Google Tag Manager en menos de 5 minutos! A continuación te explicamos como realizarlo.
Es posible que no visualices tu widget mediante GTM (Google Tag Manager), si estás usando un bloqueador de anuncios. Esto debido a que los bloqueadores de anuncios como extensiones o nativos del navegador bloquean la carga de GTM y en su defecto el widget.
Deberás ingresar al espacio de trabajo asociado al sitio web que deseas integrar Videsk. Luego dar clic en Añadir nueva etiqueta.
Se desplegará una ventana lateral derecha, donde deberás dar clic en el rectángulo blanco con título Configuración de la etiqueta.
A continuación, deberás seleccionar la integración mediante plantillas comunitarias.
Luego que cargue el listado deberás buscar "Videsk" mediante el buscador ubicado en la parte superior derecha.
Luego dar clic en el botón azul, Añadir a espacio de trabajo.
Finalmente deberás dar clic en Añadir.
La secuencia de comendas a insertar es el mismo el cual puedes obtener desde tu cuenta dashboard.
Ahora ya configurada la etiqueta debemos ingresar el token de nuestro widget.
Para ello debemos ir a nuestra cuenta dashboard, luego en Integraciones y finalmente la pestaña Integración.
Deberás dar clic en el segundo botón de Copiar, y luego pegarlo en el campo Public Token.
Ahora ya tienes integrado Videsk, basta con definir cuales serán los activadores para que sea visible el widget.
Dependiendo de tu caso podrás hacer uso de activadores preestablecidos en tu cuenta, definir acciones del usuario o solo en ciertas páginas.
Puedes ver nuestro video en la parte superior donde explicamos cómo definir un activador para ciertas páginas de nuestro sitio web.
custom eventsPara realizar medición de eventos equivalentes a interacciones de un usuario con el widget a través de Google Tag Manager debes seguir los siguientes pasos:
Google Tag Manager debe estar integrado en el mismo sitio y nivel que el widget. Para verificar esto abre DevTools de tu navegador y escribe en Console, window.dataLayer el cual debe retornar la instancia GTM.
triggerDebe ir al menú lateral llamado Triggers.
Luego en el campo Event name debes escribir videsk.* lo que capturará todos los eventos. Recuerda que deberás activar la opción Use regex matching.
En caso que no desees escuchar todos los eventos, deberás escribir el evento manualmente como videsk.toggle, videsk.load, videsk.selected, etc.
A diferencia de los eventos capturables a través de Javascript en tu sitio web, con Google Tag Manager la nomentaclatura es similar pero sin el prefijo on y en minúsculas, es decir:
| Event name nativo | Event name GTM |
|---|---|
onLoad | videsk.load |
onSelected | videsk.selected |
onQueued | videsk.queued |
Puedes encontrar el listado de eventos disponibles en la siguiente página:
EventosFinalmente, debes asegurarte de que el trigger se ha creado correctamente:
Ahora simplemente deberás crear tu etiqueta pero en el caso de trigger deberás seleccionar el tigger custom event que haz creado previamente.
Finalmente, basado en tus necesidad podrás enviar esta información hacia Google Analytics o cualquier otra plataforma/integración que requieras.
Luego deberás dar crear un nuevo trigger desde el botón . A continuación, selecciona el tipo de triger llamado Custom Event en la categoría de Other.
