0
305
Views¿Cómo puedo rastrear y enviar eventos personalizados con el nuevo Google Analytics 4 (gtag.js)?
Tengo un sitio web antiguo que usa el antiguo código de Google Analytics de la década pasada y necesito ayuda para usar el nuevo GA4.
Código antiguo (2016)
Para enviar eventos personalizados y páginas vistas a Google, usaría la función global ga() de su fragmento <script> :
// Event ga('send', 'event', { eventAction: 'click', eventCategory: 'social', eventLabel: 'twitter' }); // Pageview ga('send', { hitType: 'pageview', page: 'Video page', title: 'Intro video' });Nuevo código (2022)
Google Analytics dice que todas las propiedades antiguas dejarán de funcionar el 1 de julio de 2023, por lo que debemos cambiar a la nueva propiedad Google Analytics 4, el fragmento <script> en el encabezado ha cambiado un poco, ahora crea gtag() :
<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=X-XXX123456"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'X-XXX123456'); </script> Pero al intentar usar gtag("send") como solía hacerlo, parece que ya no se transmite nada a Google. Intenté buscarlo, pero todos los tutoriales/artículos aún demuestran el enfoque anterior. ¿Cómo puedo enviar eventos personalizados usando el nuevo GA4?
2 answers
Answer question0
En lugar de usar "send" , el nombre recomendado es "event" Consulte aquí los documentos oficiales . Además, los parámetros recomendados deben usar guiones bajos, como event_category (aunque podría usar los suyos propios):
// Send event gtag("event", "click", { "event_category": "social", "event_label": "twitter" }); // Pageview gtag('event', 'page_view', { "page_title": "landing-page", }); Si está enviando manualmente páginas vistas personalizadas, asegúrese de deshabilitar la página vista inicial al aterrizar para evitar contarla dos veces, como se explica en la sección "Páginas vistas manuales" agregando send_page_view: false a su llamada de configuración inicial en el encabezado <script> :
gtag('config', 'X-XXX123456', {send_page_view: false}); Puede verificar que algo se envíe localmente abriendo su pestaña Red y observando la carga útil de cada solicitud de red de collect :
Fuentes:
0
Esta es la sintaxis para enviar un evento con GA4:
gtag('event', <action>, { 'event_category': <category>, 'event_label': <label>, 'value': <value> });Aquí puedes ver la documentación de los eventos.
Alternativamente, si desea probar los hits y si los eventos se envían con qué datos, puede usar el Asistente de etiquetas de Google para revisar eso.