Después de crear un nuevo contenedor en Google Tag Manager (GTM), la interfaz te solicita que coloques dos códigos en tu sitio web: uno en la etiqueta <head> y otro justo después de la apertura de la etiqueta <body>. Pero, ¿alguna vez te has preguntado por qué son dos códigos en lugar de uno solo?
Generalmente, las herramientas de seguimiento, como Google Analytics o Mixpanel, requieren que se coloque un código en todas las páginas. Entonces, ¿en qué se diferencia GTM de estas herramientas tradicionales?
En este artículo, profundizaremos en qué es Google Tag Manager Noscript y por qué podría ser relevante para ti, o no, dependiendo de tus necesidades específicas.
La importancia de los dos códigos en Google Tag Manager
Este concepto puede parecerte familiar. El primer código (la parte <script>) es la esencia de Google Tag Manager. Cuanto más alto lo coloques en el código de tu sitio, antes se cargará, lo que significa que tus etiquetas de marketing y seguimiento capturarán datos más rápidamente. Esto, a su vez, resulta en datos más precisos.
El código <script> es responsable de toda la magia de seguimiento que ocurre en el sitio web. Crea la capa de datos, inicia los disparadores y despacha las etiquetas. Es, sin duda, la parte más crucial de tu implementación de GTM.
Por otro lado, la historia del segundo código, <noscript>, es completamente diferente. Muchas veces, los especialistas en marketing no comprenden su importancia. Después de examinar numerosos contenedores de GTM, puedo afirmar que aproximadamente el 95% de los especialistas en marketing no necesitan este código (una estadística quizás exagerada, pero que resalta un punto). Sin embargo, aún lo utilizan porque las instrucciones de Google lo sugieren.
¿Qué es Google Tag Manager Noscript y por qué es importante?
El código <noscript> se activa únicamente en navegadores donde JavaScript está deshabilitado. Aunque no existen estadísticas precisas sobre cuántas personas navegan por la web sin JavaScript, es evidente que su uso es muy limitado. Si alguna vez has desactivado JavaScript en tu navegador, habrás notado que muchas funcionalidades del sitio dejan de funcionar, no solo animaciones, sino también elementos esenciales como las cookies.
Por lo tanto, tiene sentido que el segundo código se encuentre dentro de la etiqueta <noscript>, ya que solo opera cuando JavaScript está desactivado.
Funcionamiento del código Noscript en Google Tag Manager
Cuando JavaScript está deshabilitado y se carga la página, el código <noscript> activa un iFrame. Un iFrame es un marco en línea utilizado dentro de una página web para cargar otro documento HTML, permitiendo que se cargue contenido adicional.
Este tipo de marco se utiliza para una variedad de propósitos, desde análisis web hasta publicidad y contenido de terceros. Por ejemplo, un banner de Adsense o un formulario de generación de leads podría estar utilizando un iFrame.
Volviendo al código <noscript>, cuando la página se carga, también se activa un iFrame y se disparan las etiquetas a través de este. Esto actúa como una solución para entornos donde JavaScript no está disponible. Si JavaScript está habilitado, el contenido de <noscript> se ignora y todas las etiquetas se disparan según sus reglas estándar.
Sin embargo, hay una limitación importante. Solo se admite un tipo de etiqueta cuando JavaScript está desactivado: la Etiqueta de Imagen Personalizada. Esta etiqueta es fundamental para transmitir información a un servidor, aunque su funcionalidad es bastante restringida.
Etiqueta de Imagen Personalizada: Un resumen
La etiqueta de imagen personalizada solicita una imagen de una URL específica. Interesantemente, al hacer esta solicitud, en realidad estás transmitiendo información a un servidor. Por ejemplo, si haces una solicitud a la URL https://www.ejemplo.com/something?parameter1=bueno¶meter2=123, el servidor receptor procesará esos parámetros y actuará en consecuencia, como registrar esos parámetros como un evento.
En otras palabras, al cargar la página, se activa una etiqueta de imagen personalizada que contiene parámetros específicos (como la URL de la página). Estos parámetros son tus puntos de datos que se envían al servidor receptor, como Google Analytics.
Sin embargo, esta funcionalidad tiene sus limitaciones. No puedes utilizar todos los disparadores y variables, lo que restringe considerablemente su utilidad.
Limitaciones de Google Tag Manager sin JavaScript
La mayoría de los disparadores como el seguimiento de envíos de formularios, seguimiento de YouTube y otros no funcionarán si JavaScript está deshabilitado. Solo los disparadores basados en vistas de página (como Vista de página, DOM listo y Carga de ventana) son operativos sin JavaScript, lo que representa un gran obstáculo.
En cuanto a las variables, la mayoría no son útiles en este contexto. He preparado una tabla que muestra qué variables de GTM pueden funcionar sin JavaScript y cuáles no.
Variables incorporadas
¿Funciona sin JavaScript?
Comentario
Elemento de clic
No
ID de clic
No
URL de clic
No
ID del contenedor
Sí
URL de la página
Sí
¿Cuándo es realmente necesario usar Google Tag Manager Noscript?
Debes incluir el código <noscript> en tu sitio web si:
Planeas realizar un seguimiento de los visitantes que han desactivado JavaScript en sus navegadores.
No planeas realizar estas actividades en este momento, pero podrían convertirse en una prioridad en el futuro.
En todos los demás casos, en la mayoría de las situaciones, el código <noscript> no es necesario, así que siéntete libre de ignorarlo.
Lecturas adicionales sobre Google Tag Manager
Este no es mi primer artículo relacionado con Google Tag Manager Noscript. Si deseas aprender más sobre cómo utilizarlo, aquí tienes una lista de guías recomendadas:
Preguntas frecuentes sobre Google Tag Manager Noscript
Para aquellos que tienen prisa y desean obtener información rápidamente, he recopilado una lista de las preguntas más comunes relacionadas con Google Tag Manager Noscript:
#1. ¿Es obligatoria la etiqueta <noscript> en el código de GTM? No, no lo es. Puedes omitirla si no estás interesado en:
Hacer un seguimiento de usuarios con JavaScript deshabilitado.
Verificar tu sitio en Google Search Console a través de Google Tag Manager.
#2. ¿Debo colocar <noscript> solo en la parte <body> del sitio? Sí, debe estar en la etiqueta <body> o no estar presente en absoluto.
#3. ¿Funcionan todas las etiquetas cuando JavaScript está desactivado en el navegador? Casi ninguna etiqueta funcionará en ese caso, excepto la Etiqueta de Imagen Personalizada.
#4. ¿Qué pasa con la Capa de Datos? No funcionará sin JavaScript, a menos que un desarrollador adorne el enlace del iFrame con parámetros de consulta.
#5. ¿Las variables de la Capa de Datos funcionan en la Etiqueta de Imagen Personalizada? No, a menos que se agreguen manualmente como parámetros de consulta por un desarrollador.
#6. Si JavaScript está habilitado en el navegador, ¿está activa la etiqueta <noscript>? No, permanece inactiva mientras JavaScript esté habilitado.
#7. ¿La Etiqueta de Imagen Personalizada funciona solo cuando JavaScript está deshabilitado? No, funciona en ambos entornos.
#8. ¿Qué disparadores funcionan cuando JavaScript está desactivado? Solo los disparadores basados en vistas de página.
#9. ¿Qué variables de GTM pueden funcionar sin JavaScript? Las variables relacionadas con la página, como la URL, funcionan, así como el ID del contenedor y el modo de depuración.
#10. ¿Qué hacer si Google Tag Assistant muestra un error sobre la falta de código noscript? Recuerda que no es esencial a menos que planees hacer seguimiento a usuarios con JavaScript desactivado o necesites verificar tu sitio en Google Search Console.
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.
