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.
- En Tag Manager, haz clic en Versiones.
- 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 comandosgtag()
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 adataLayer.push()
con instrumentación para eventos específicos.analytics.js
oga.js
: Son los nombres de archivo de las bibliotecas que se usan para las implementaciones heredadas de Google Analytics.conversion.js
oconversion_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.
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).![Pantalla que muestra una etiqueta de Google en Google Ads con dos IDs de etiquetas.](https://developers.google.cn/static/tag-platform/images/manage-google-tag.png?authuser=6&hl=es-419)
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 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.