# 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="/files/wKuARaWloBlXc843sJwh" alt=""><figcaption></figcaption></figure>

Luego deberás dar crear un nuevo trigger desde el botón ![](/files/OVhMfuVX3g5gdcJSy6Je). A continuación, selecciona el tipo de trigger llamado `Custom Event` en la categoría de Other.

<figure><img src="/files/9Pi3WDqzuiI1dmkbWS7g" 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="/files/2wz0WoKDheWZUyAvQidq" 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](/es-developers/widgets/api/eventos.md), 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="/pages/7lK2zz1odb8luhOI37yC" %}
[Analytics](/es-developers/widgets/analytics.md)
{% endcontent-ref %}

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

<figure><img src="/files/IcAoAZJDIQDOPseGEQTR" 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="/files/H915Y1afoTkSZxO8lMsu" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/m2sgoH0juIxaXMeFckdB" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/LWVNaUjora9ThHtOPqaS" 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.videsk.io/es-developers/widgets/analytics/google-analytics-tag-manager.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.