Desde su lanzamiento en 2016, el objetivo de Analytics Mania ha sido convertirse en el recurso más completo sobre Google Tag Manager (GTM). Aunque hay otras plataformas destacadas en el ámbito, como el blog de Simo Ahava, la visión es ambiciosa. Esta búsqueda ha dado lugar a una rica biblioteca de recetas de GTM, que han superado las expectativas de popularidad.
Con el tiempo, he observado una creciente demanda entre las comunidades de analítica web para contar con un lugar donde se reúnan diversos fragmentos de código JavaScript personalizados que puedan utilizarse en GTM. Sin embargo, este recurso aún parece escaso en línea. ¡Así que me he decidido a crear una solución!
Te presento una amplia lista de fragmentos de JavaScript personalizados para Google Tag Manager. Es esencial utilizarlos sabiamente: la mayoría de los códigos deben añadirse como etiquetas de HTML personalizadas, mientras que otros son apropiados como variables de JavaScript personalizadas en GTM. Cada enlace te llevará a una receta de GTM o un artículo que detallará cómo instalarlo. Para facilitar la navegación, he dividido todos los códigos en categorías.
Esta lista no es definitiva y continuará creciendo con nuevas contribuciones. Si deseas estar al tanto de las actualizaciones, suscríbete a las noticias de Analytics Mania a través del formulario que aparece más abajo.
¿Te das cuenta de que falta algo en la lista? ¿Tienes un script impresionante que no se menciona? Compártelo en los comentarios y lo añadiré a la lista. Estoy seguro de que, aunque muchos lectores regulares ya conozcan algunos de estos fragmentos, todos encontrarán algo nuevo. ¡Vamos a ello!
Interacción con elementos específicos
#1. Listener de Hover permite enviar eventos al data layer cuando los usuarios interactúan con ciertos selectores CSS en la página.
#2. Listener de Visibilidad Personalizada rastrea cuándo ciertos elementos aparecen y desaparecen de la pantalla a medida que se desplaza hacia arriba o hacia abajo.
Sistemas de audio
#3. Listener para el reproductor de Soundcloud registra las interacciones con el reproductor de Soundcloud integrado en tu sitio (como Play, Pause y visualización del progreso del audio).
#15. Establecer una cookie con el conteo de vistas de página. Con cada vista de página, el contador en la cookie aumenta en 1. Esto es útil para quienes desean activar una etiqueta particular después, por ejemplo, de la tercera vista de página.
#21. Listener para formularios de Gravity. En uno de mis artículos, he explicado cómo escribir un listener de auto-evento sin necesidad de habilidades de codificación. Se eligieron los formularios de Gravity como ejemplo.
#23. Seguimiento de formularios AJAX utilizando el listener de AJAX de Bounteous, permitiendo rastrear cualquier interacción web basada en esta tecnología.
#24. Pre-rellenar campos de formularios. Esta técnica es útil para saber cuál fue la fuente de tráfico exacta de cada envío (sin necesidad de consultar Google Analytics).
Consejo profesional: Te recomiendo que guardes esta lista como marcador para acceder fácilmente a fragmentos de JavaScript personalizados para Google Tag Manager cuando lo necesites.
Recuerda que es preferible añadir elementos SEO (como esquemas, metaetiquetas, etc.) directamente a través del código. Sin embargo, aquí hay algunos códigos útiles.
#38. Transferir parámetros UTM de una página a otra. Esto es útil cuando el seguimiento entre dominios no es posible, tienes una página de destino intermedia y deseas transferir sus parámetros UTM a la siguiente página.
#39. ¿El visitante es orgánico? (proviene de un motor de búsqueda), Variable de JavaScript Personalizada.
#47-50. Códigos Konami. Simo Ahava publicó un listener que captura la famosa combinación utilizada como código de trucos en videojuegos. He añadido algunas modificaciones menores y ahora puedes utilizar cuatro códigos Konami diferentes:
Esta lista está lejos de ser exhaustiva. Existen muchos scripts útiles que aún no se han recopilado. Ayúdame a expandir esta biblioteca y hacerla más útil para lectores como tú. Si observas que falta algo en la lista de fragmentos de JavaScript personalizados para Google Tag Manager, házmelo saber a través de los comentarios, Twitter, LinkedIn o escribiendo a julius [at] analyticsmania.com.
Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional
Siempre activo
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
Preferencias
El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos.El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu Proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.
