Google Tag Manager

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.

1. Crear nueva etiqueta

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.

2. Instalar etiqueta de Videsk

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.

3. Configurar token de cuenta

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.

4. Definir activadores

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.

Medición de custom events

Para 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.

1. Crear trigger

Debe ir al menú lateral llamado Triggers.

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.

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.

Nomenclatura de eventos

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:

Eventos

Finalmente, debes asegurarte de que el trigger se ha creado correctamente:

2. Crear etiqueta (tag)

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.