javascript - tag - Seguimiento de clics de enlace con google analytics

tag manager google analytics (5)

Soy un principiante con Google Analytics, y necesito saber cómo configurarlo para que pueda rastrear la cantidad de clics que recibe un enlace en mi sitio web.

Por ejemplo, tengo un enlace:

<a href="https://google.com">link</a>

Sé que se supone que debo poner un evento onClick en alguna parte, pero no tengo idea de cómo se vincula con Google Analytics.

¿Es este el código OnClick correcto?

onClick="_gaq.push([''_trackEvent'', ''Link'', ''Click'', ''Banner Advert1'']);"

Las otras respuestas no toman en cuenta que la solicitud puede no completarse antes de que la página cambie , haciendo que el evento no se grabe.

Ese es el problema con esta solución que se encuentra en otras respuestas:

<a href="http://example.com" onclick="ga(''send'', ''event'', {eventAction: ''click'', eventCategory: ''Example''})" >example</a>

La documentación de Google Analytics brinda una solución a esto :

El seguimiento de los enlaces y formularios salientes puede ser difícil porque la mayoría de los navegadores dejarán de ejecutar JavaScript en la página actual una vez que una nueva página comience a cargarse. Una solución a este problema es establecer el campo de transport en beacon .

Añadir transport: ''beacon'' , como este:

<a href="http://example.com" onclick="ga(''send'', ''event'', {transport: ''beacon'', eventAction: ''click'', eventCategory: ''Example''})" >example</a>

Desafortunadamente, algunos navegadores antiguos no son compatibles con Beacon . Para evitar esto, puede cancelar la navegación de la página , enviar la solicitud a Google Analytics, esperar su finalización y luego iniciar la navegación de la página. Afortunadamente, todos los navegadores principales modernos lo admiten.

Probablemente desee utilizar el seguimiento de eventos: esta es una función de Javascript simple que puede activarse desde el evento de clic en sus enlaces. Deberá asegurarse de tener el script de seguimiento de google estándar en su página también.

De Google Event Tracking Guide

El seguimiento de eventos es un método disponible en el código de seguimiento ga.js que puede usar para registrar la interacción del usuario con los elementos del sitio web, como un sistema de menús basado en Flash. Esto se logra al adjuntar la llamada al método al elemento UI particular que desea rastrear. Cuando se utiliza de esta manera, toda la actividad del usuario en dichos elementos se calcula y se muestra como Eventos en la interfaz de informes de Analytics. Además, los cálculos de vista de página no se ven afectados por la actividad del usuario rastreada mediante el método de seguimiento de eventos. Finalmente, el Seguimiento de eventos emplea un modelo orientado a objetos que puede usar para recopilar y clasificar diferentes tipos de interacción con los objetos de su página web.

Ejemplo:

<a href="www.google.com" onclick="_gaq.push([''_trackEvent'', ''Google Link'', ''Action label'', ''Additional info'']);">link</a>

ACTUALIZAR

Lo anterior es para la versión anterior de la API - ga.js. Si está utilizando el seguimiento Universal más nuevo, consulte los documentos . Efectivamente, los datos pasados son los mismos que antes, sin embargo, la llamada es diferente.

Ejemplo de seguimiento de eventos con la API más nueva:

<a href="www.google.com" onclick="ga(''send'', ''event'', ''Google Link'', ''Action label'', ''Action Value'');">link</a>

Tenga en cuenta que _gaq.push(..) hace referencia al seguimiento con el seguimiento clásico de Web Analytics (ga.js) . El nuevo estándar de Universal Analytics Web Tracking (analytics.js) utiliza una metodología diferente como:

ga(''send'', ''event'', ''button'', ''click'', ''nav buttons'', 4);

Las dos primeras opciones no se pueden cambiar, pasan la opción de send con el event tipo de golpe a la función ga .

Las siguientes dos opciones son necesarias también, las últimas dos son opcionales. Ellos representan:

button (cadena | requerida) : Categoría
click (cadena | requerida) : acción
nav buttons (cadena | no requerida) : etiqueta
4 (Entero positivo | no requerido) : valor

Puede encontrar más información en: https://developers.google.com/analytics/devguides/collection/analyticsjs/events

Utilizo esto en el pie de página de cada configuración de página como un evento en Google Goals.

Cambie el registro con el slug para la ruta de la página antes de la página de éxito.

<script> window.addEventListener(''load'',function(){ if(window.location.pathname =="/register/" ) { ga(''send'',''event'',''register page'',''referrer'',document.referrer) } }); </script>

Luego esto en Admin> Objetivos

Personalizado
Descripción del objetivo

Detalles del objetivo

Esto le permite rastrear en qué URL de la página se hizo clic en el enlace si resultó en una finalización exitosa del objetivo.

Vaya a Comportamiento> Eventos> Resúmenes para los datos de informes.

Veo que las otras respuestas se refieren a la sintaxis antigua: ga() . Lo cual no funcionará si está utilizando la última versión del seguimiento de Google Analytics ...

Aquí hay un ejemplo para el seguimiento de eventos usando la última versión de GA gtag() :

<a href="http://example.com" onclick="gtag(''event'', ''click'', {''event_category'': ''Navbar button'', ''event_label'': ''Navbar blue Download button''});">Download</a>

Así que este es nuestro contenido de atributo onclick :

gtag(''event'', ''click'', {''event_category'': ''Navbar button'', ''event_label'': ''Navbar blue Download button''});

El script anterior tiene las siguientes opciones:

Tipo de hit ( Event | obligatorio): no se puede cambiar
Acción del evento (texto | obligatorio): el tipo de interacción (por ejemplo, '' click '')
event_Category (Text | Required): normalmente el objeto con el que se interactuó (p. ej., '' Navbar button de Navbar button '')
event_label (Texto | Opcional): útil para categorizar eventos (p. ej., '' Navbar blue Download button '')

Más detalles: https://developers.google.com/analytics/devguides/collection/gtagjs/migration#track_events