Cómo analizar la configuración de etiquetas existentes

Antes de instalar etiquetas nuevas, evalúa las que ya existen en tu sitio web o app para dispositivos móviles, si las hay, para no agregar etiquetas redundantes. En este artículo, se describen maneras de evaluar tus etiquetas existentes.

Incluso después de la evaluación preliminar, debes incorporar verificaciones periódicas como parte de tu proceso estándar de administración de etiquetas. Evaluar con regularidad las etiquetas que se ejecutan en tu sitio web o app es importante para la protección y seguridad de los datos.

Para evaluar tus etiquetas existentes, usa los siguientes recursos:

• Google Tag Assistant
• Funciones de Google Tag Manager
• Técnicas de inspección manual de código

Tag Assistant

Google Tag Assistant es una herramienta de análisis de etiquetas para instalaciones de la etiqueta de Google (gtag.js). Cuando está habilitado, Tag Assistant muestra un panel de depuración en el navegador para que puedas inspeccionar qué comandos gtag.js se activaron y en qué orden. Tag Assistant muestra qué datos se pasan a la capa de datos y qué eventos activaron esos intercambios de datos. También muestra los hits (solicitudes HTTP) y los parámetros asociados. Obtén más información sobre Tag Assistant.

Tag Manager

Puedes inspeccionar cuentas y contenedores de Tag Manager para analizar las configuraciones de etiquetas existentes. Tag Manager también cuenta con un modo de vista previa, que tiene una funcionalidad similar a Tag Assistant.

Buscar

Usa la barra de búsqueda en el contenedor de Tag Manager para encontrar etiquetas, opciones de configuración o líneas de código en tus etiquetas, activadores y variables. La barra de búsqueda es una excelente manera de identificar las etiquetas que pueden contener parámetros de configuración o código que debes volver a evaluar.

Versiones

La función Versiones de Tag Manager muestra un resumen de una configuración de contenedor existente.

1. En Tag Manager, haz clic en Versiones.
2. Haz clic en la versión más reciente de la lista para ver el estado actual del contenedor.

Tag Manager muestra etiquetas, activadores, variables y plantillas personalizadas en esta vista.

Modo de vista previa

El modo de vista previa de Tag Manager muestra qué etiquetas se activan en una página, qué eventos activan esas etiquetas y qué datos se envían a la capa de datos. El modo de vista previa funciona de la misma manera que Tag Assistant. Obtén más información sobre el modo de vista previa.

Inspección manual de código

Para obtener un análisis más completo de la configuración de etiquetas existentes, considera realizar una inspección manual de código. Busca en tu código fuente algunas de estas palabras clave de etiqueta comunes para identificar posibles configuraciones de etiquetas:

• gtag(: Este es el inicio de los comandos gtag() y, a menudo, estos fragmentos de código contienen instrumentación adicional.
• googletagmanager.com: Este dominio carga la funcionalidad de Tag Manager y gtag.js, y puede ayudarte a encontrar esos tipos de etiquetas.

Si ya tienes gtag.js o Google Tag Manager, tal vez puedas actualizar las etiquetas o la instrumentación existentes en lugar de implementar configuraciones nuevas.

• dataLayer: Se puede utilizar para averiguar si se estableció el código de capa de datos y llamar a dataLayer.push() con instrumentación para eventos específicos.
• analytics.js o ga.js: Son los nombres de archivo de las bibliotecas que se usan para las implementaciones heredadas de Google Analytics.
• conversion.js o conversion_async.js: Son los nombres de archivo de las bibliotecas que se usan para la medición de conversiones de Google Ads.
• optimize.js: Se usa para las etiquetas de Google Optimize.
• Sistemas de administración de etiquetas de terceros que podrían contener etiquetas de Google. Busca en tu código fuente posibles sistemas de administración de etiquetas de terceros, p.ej., utag.js o _satellite.

Etiqueta de Google (gtag.js)

Si agregaste el fragmento de la etiqueta de Google a tu página web, puedes revisarla para obtener más información sobre para qué se usa. La etiqueta principal se parece al siguiente ejemplo:

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-XXXXXX-1');
  </script>

Es posible que veas varias líneas gtag('config',...) para productos y cuentas adicionales. Por ejemplo:

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'UA-XXXXXX-1');
    gtag('config', 'UA-YYYYYY-2');
    gtag('config', 'TAG_ID');
  </script>

Cada línea config contiene el prefijo del producto (que indica qué producto se está configurando), seguido del ID de la cuenta que se está configurando. Puedes obtener más información sobre los prefijos de productos a continuación.

Nota: El producto y la cuenta cuyo ID se muestra en la URL de la fuente de la secuencia de comandos (es decir, el ID en la parte superior del fragmento después de www.googletagmanager.com/gtag/js?id) son los que "controlan" la etiqueta de Google. En algunos casos, es importante saber esto, ya que algunas funciones, como las etiquetas conectadas del sitio para las propiedades Google Analytics 4, solo se pueden activar desde una etiqueta controlada por ese producto y esa cuenta.

Prefijos de producto para la etiqueta de Google

Un ID de etiqueta identifica una etiqueta de Google. Una misma etiqueta de Google puede tener varios IDs. Por ejemplo, si utilizas Google Ads, tu etiqueta ahora tiene dos IDs: un ID heredado (AW) y un ID de etiqueta de Google (GT). Los IDs de etiqueta son intercambiables. La siguiente tabla contiene una descripción general de las etiquetas compatibles con la etiqueta de Google.

Prefijo	Tipo de ID	Descripción
GT-XXXXXX	Etiqueta de Google	Cada etiqueta de Google creada recientemente obtiene un prefijo GT y un ID único.
G-XXXXXX	Etiqueta de Google (prefijo heredado)	Las etiquetas de Google Analytics 4 son etiquetas de Google con un ID único y un prefijo G.
AW-XXXXXX	Etiqueta de Google (prefijo heredado)	Las etiquetas de Google Ads son etiquetas de Google con un ID único y un prefijo AW.
DC-XXXXXX	Etiqueta de Google (prefijo heredado)	Las etiquetas de Google Floodlight son etiquetas de Google con un ID único y un prefijo DC.

Las etiquetas de Universal Analytics (UA) no son compatibles con la etiqueta de Google (GT).

Las páginas web configuradas con la etiqueta de Google pueden tener un ID con el prefijo "G" o "AW". El prefijo “G” significa que tu etiqueta de Google se creó originalmente en Google Analytics. El prefijo "AW" indica que tu etiqueta de Google se creó originalmente en Google AdWords. Los dos IDs son versiones diferentes del ID de tu etiqueta y se pueden intercambiar, por lo que, si ves un ID con uno de los prefijos, no es necesario que agregues un ID con el otro. Más información para configurar los IDs de etiqueta

Google Tag Manager

Las páginas web configuradas con Tag Manager tendrán instalada una etiqueta de contenedor similar al siguiente ejemplo. Para identificar el ID del contenedor de Tag Manager, inspecciona el código del contenedor. El ID del contenedor comienza con “GTM-” y, a continuación, se destaca un ejemplo de la posición del ID del contenedor.

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<:!-- End Google Tag Manager -->

Una vez que tengas el ID del contenedor, abre la pantalla de cuentas de Google Tag Manager y haz clic en para buscar este ID. Luego, puedes inspeccionar la configuración de la etiqueta, el activador y la variable de tu sitio web.