# Google Analytics/Tag Manager

Nuestro widget es compatible de forma nativa y por defecto con los distintos productos de Google para analítica dentro de ellos están:

<table><thead><tr><th width="525.111083984375">Nombre</th><th data-type="checkbox">Compatibilidad</th></tr></thead><tbody><tr><td>Google Analytics 3 y 4 (<code>gtag</code>)</td><td>true</td></tr><tr><td>Google Analytics via GTM</td><td>true</td></tr><tr><td>Google Tag Manager</td><td>true</td></tr><tr><td>Google Ads</td><td>true</td></tr><tr><td>Universal Analytics (deprecado)</td><td>true</td></tr></tbody></table>

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:

## Escuchar eventos

### 1. Crear `trigger`

Debe ir al menú lateral llamado **Triggers**.

<figure><img src="https://294851947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma4POQR_-BPjQwRwhXE-1769347644%2Fuploads%2FFlnjpXq85MABRdTj81e6%2Fimage.png?alt=media&#x26;token=1973ffd2-dadc-459d-a5ca-6ed479f0c208" alt=""><figcaption></figcaption></figure>

Luego deberás dar crear un nuevo trigger desde el botón ![](https://294851947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma4POQR_-BPjQwRwhXE-1769347644%2Fuploads%2FEt6g8nF8WoQMvXB1Wic3%2Fimage.png?alt=media\&token=2868c2f4-61fb-4a51-8b36-579660d44517). A continuación, selecciona el tipo de trigger llamado `Custom Event` en la categoría de Other.

<figure><img src="https://294851947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma4POQR_-BPjQwRwhXE-1769347644%2Fuploads%2Fut5IQudhM4baaUI6XQjK%2Fimage.png?alt=media&#x26;token=3f935fbd-f29b-410b-98b4-8c28514bd8a8" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://294851947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma4POQR_-BPjQwRwhXE-1769347644%2Fuploads%2FzBLzvkyB8GcFE3CU9mj5%2Fimage.png?alt=media&#x26;token=cbd3292e-655e-45dd-9715-382291a947fe" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
En caso que no desees escuchar todos los eventos, deberás escribir el evento manualmente como `videsk.toggle`, `videsk.load`, `videsk.selected`, etc.
{% endhint %}

#### Nomenclatura de eventos

A diferencia de los [eventos capturables a través de Javascript en tu sitio web](https://docs.videsk.io/es-developers/widgets/api/eventos), con Google Tag Manager la nomenclatura 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:

{% content-ref url="" %}
[](https://docs.videsk.io/es-developers/widgets/analytics)
{% endcontent-ref %}

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

<figure><img src="https://294851947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma4POQR_-BPjQwRwhXE-1769347644%2Fuploads%2FqpDLbWSyH0ef5CwZARgZ%2Fimage.png?alt=media&#x26;token=c81403aa-d0d2-42ab-9a42-b85fdd58c87b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://294851947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma4POQR_-BPjQwRwhXE-1769347644%2Fuploads%2FowVIZfKSyCqF5mfYyM65%2Fimage.png?alt=media&#x26;token=45becccb-505b-4b7f-8b61-d5a580d92b11" alt=""><figcaption></figcaption></figure>

<figure><img src="https://294851947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma4POQR_-BPjQwRwhXE-1769347644%2Fuploads%2FJDcUHwWFo4FaZBU29YCx%2Fimage.png?alt=media&#x26;token=ae138857-2dc0-4066-a5c7-6affb6eb706a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://294851947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma4POQR_-BPjQwRwhXE-1769347644%2Fuploads%2FqXiMVtTrc21iURG6kSQx%2Fimage.png?alt=media&#x26;token=56741c2b-0370-44da-90cc-2dbee12e83b9" alt=""><figcaption></figcaption></figure>

Finalmente, basado en tus necesidad podrás enviar esta información hacia Google Analytics o cualquier otra plataforma/integración que requieras.