La implementación de Google Tag Manager (GTM) en un sitio web es un paso crucial para optimizar el seguimiento y análisis de datos. Sin embargo, un error común que puede surgir durante su configuración es el que indica que el <script> no debe estar incluido dentro de un <div>. Este artículo explorará cómo resolver este inconveniente y asegurar que el GTM funcione correctamente.
La colocación correcta del código del contenedor de GTM
Al instalar Google Tag Manager, es fundamental agregar dos fragmentos de código a tu sitio web:
El primer fragmento, que es el script, debe añadirse dentro de la etiqueta <head> de tu HTML.
El segundo, que es noscript, debe ir justo después de la etiqueta de apertura <body>.
El script es el código más importante, ya que es responsable del funcionamiento del contenedor de GTM. Si este no está correctamente colocado, tus etiquetas no se activarán.
El error que mencionas, «script tag must not be included in a div«, ocurre cuando el script se coloca dentro de un <div>. Aunque GTM puede funcionar si el script está en el <body>, es recomendable que se encuentre lo más alto posible en el código para asegurar un mejor rendimiento.
Por lo tanto, se aconseja que evites insertar el script dentro de un <div>, y en su lugar lo coloques directamente en el head o como un hijo directo del body.
Cómo verificar si el script es un hijo directo del body
Para aquellos que no son técnicos y no están familiarizados con las herramientas de desarrollo del navegador, hay un método sencillo para verificar la ubicación del script.
Visita tu sitio web, haz clic derecho y selecciona Ver código fuente. Luego, utiliza la función de búsqueda (CTRL + F en Windows) y escribe «gtm.js» para localizar el fragmento de código.
Si el script no está rodeado por etiquetas <div>, significa que está correctamente ubicado. Si se encuentra dentro de la etiqueta <head>, aún mejor.
Si el script está rodeado por etiquetas <div>, esto es lo que está causando el error en Tag Assistant (Legacy). Es recomendable que pidas a tu desarrollador que implemente el código del contenedor según las instrucciones de Google.
Razones por las cuales el script de GTM está dentro de un div y cómo solucionarlo
Existen múltiples razones por las que el script de GTM puede estar colocado dentro de un <div>, muchas de ellas relacionadas con el sistema de gestión de contenido (CMS) que estás utilizando.
Por ejemplo, en plataformas como WordPress, hay varias maneras de añadir el código de GTM: a través de plugins, mediante desarrolladores, o directamente tú mismo.
La mayoría de los plugins bien diseñados añaden el script sin rodearlo de <div>, pero si decides añadir el script directamente mediante el editor de texto (que admite código HTML personalizado), es probable que el código termine rodeado por <div>.
Para evitar este problema, se recomienda consultar a los desarrolladores de tu página o plataforma para determinar las mejores opciones que aseguren que el código del contenedor de GTM esté en el head o en el body sin estar dentro de <div>.
Errores comunes al implementar Google Tag Manager
Además del error sobre el <script> y el <div>, existen otros problemas comunes que pueden surgir durante la implementación de GTM:
Falta de permisos: Asegúrate de que tu cuenta de GTM tenga los permisos adecuados para editar y publicar cambios.
Problemas de caché: A veces los cambios no se reflejan inmediatamente debido a la caché del navegador. Prueba a limpiar la caché antes de hacer pruebas.
Bloqueadores de anuncios: Algunos bloqueadores de anuncios pueden interferir con el funcionamiento de GTM. Desactívalos temporalmente para verificar si son la causa del problema.
Errores de sintaxis: Revisa tu código para asegurarte de que no haya errores de sintaxis que puedan estar causando problemas.
Mejores prácticas para implementar Google Tag Manager
Para asegurar que tu implementación de GTM sea exitosa, es útil seguir algunas prácticas recomendadas:
Documentación clara: Mantén un registro claro de los cambios que realices en tu configuración de GTM.
Pruebas previas: Antes de hacer cambios en producción, prueba tus configuraciones en un entorno de desarrollo.
Uso de versiones: Utiliza la función de versiones en GTM para revertir fácilmente cambios que no funcionen como se esperaba.
Educación continua: Mantente actualizado sobre las nuevas funciones y mejores prácticas en el uso de GTM.
Conclusión sobre la implementación de Google Tag Manager
En resumen, asegurar que la colocación del script de GTM sea correcta es esencial para el seguimiento eficaz de tu sitio web. Aunque pueden surgir errores, como el que indica que el script no debe estar dentro de un <div>, con las prácticas adecuadas y una verificación minuciosa, puedes optimizar tu configuración de GTM y aprovechar al máximo sus capacidades de análisis. La correcta implementación no solo mejora la experiencia de seguimiento, sino que también proporciona datos más precisos sobre el comportamiento de los usuarios en tu sitio.
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.
