Google Tag Manager

Última actualización: 5 de mayo de 2025
  • Temas:

Creado para:

  • Principiante
  • Intermedio
  • Administrador
  • Líder
  • Usuario
Función Adobe Commerce Característica exclusiva solamente en Adobe Commerce (Más información)

Google Tag Manager es una potente herramienta que le ayuda a administrar e implementar de manera eficiente varias etiquetas (fragmentos de código) asociadas con los eventos de campañas de marketing. Google Tag Manager le permite agregar etiquetas de seguimiento a su sitio para medir la audiencia o personalizar, redirigir o llevar a cabo iniciativas de marketing de motores de búsqueda.

Google Tag Manager transfiere directamente datos y eventos a Google Analytics, el comercio electrónico mejorado y otras soluciones de análisis de terceros para obtener una imagen clara del rendimiento de su sitio, productos y promociones.

Debe tener una cuenta de Google Analytics y Tag Manager para continuar con este proceso. Las siguientes instrucciones le guían a través del proceso de configuración de las cuentas de Google, la configuración de la tienda de Commerce y la creación de una etiqueta.

NOTE
Si su empresa está sujeta a regulaciones de privacidad tales como el Reglamento General de Protección de Datos y/o la Ley de Privacidad del Consumidor de California, consulte la Configuración de Privacidad de Google.

Paso 1. Configurar su cuenta de Google Analytics

Consulte Configurar la búsqueda en el sitio en la Ayuda de Google para conocer los conceptos básicos que necesita para empezar. Consulte también las guías de Google para Google Analytics y Google Tag Manager.

  1. Inicie sesión en su cuenta de Google Analytics.

  2. Para habilitar Internal Site Search Tracking, haga lo siguiente:

    • Vaya a Select View > View Settings.

    • Establezca Site Search Tracking en On.

    • Establezca el parámetro Query en q.

    • Una vez completada, Save la configuración.

  3. Para habilitar las funciones de visualización, haga lo siguiente:

    • Elija Property Settings.

    • En Advertising Features, establezca Enable Demographics and Interest Reports ​en On.

    • Save la configuración.

  4. Para habilitar el seguimiento del comercio electrónico, haga lo siguiente:

    • Vaya a Select View > Ecommerce Settings.

    • Establezca Enable Ecommerce en On.

    • Establezca Enable Enhanced Ecommerce Reporting en On.

    • Save la configuración.

  5. Vuelva a cargar la página y compruebe que todas las opciones de configuración se mantengan en On.

    NOTE
    Si no todas las configuraciones son On, repita los pasos anteriores, guarde y vuelva a cargar la página. Repita este proceso hasta que toda la configuración esté establecida en On.

Paso 2. Configurar su cuenta de Google Tag Manager

Las siguientes instrucciones muestran cómo configurar un nuevo contenedor con la configuración básica. Se usa un archivo de configuración (.json) de Composer de muestra para simplificar el proceso de importación con el fin de generar una etiqueta en un contenedor nuevo. Para este ejemplo, se recomienda crear un contenedor, en lugar de modificar un contenedor existente.

NOTE
Para obtener más información, consulte Exportación e importación de contenedores de Google. Estas instrucciones proporcionan una guía para importar un JSON de muestra en un contenedor nuevo.

  1. Descargue el archivo vinculado GTM_M2_Config_json.txt, ábralo en un editor y guárdelo como GTM_M2_Config.json.

    El archivo json se subió directamente a Google Tag Manager.

  2. Vaya a Admin > Container > Import Container.

  3. Haga clic en Choose container file y seleccione el archivo json.

  4. En Choose workspace, haga clic en New.

  5. Escriba un título y una descripción y luego haga clic en Save.

  6. Para importar el archivo, seleccione una de las siguientes acciones:

    • La opción Overwrite debe estar seleccionada para un nuevo contenedor.

    • La opción Merge debe estar seleccionada si está usando un contenedor existente.

  7. Haga clic en Preview para revisar las etiquetas, los déclencheur y las variables.

  8. Para editar Google Analytics ID al que se hace referencia en las variables, haga lo siguiente:

    • Vaya a Variables > User-Defined Variables.

    • Elija Google Analytics y actualice el marcador de posición (UA-xxxxxx-x) con su propio GA ID.

  9. Siga las instrucciones de Google para agregar etiquetas, déclencheur y variables al nuevo contenedor.

    Si tiene configuraciones en otro contenedor que desee utilizar, se pueden mover al nuevo contenedor.

  10. Haga clic en Confirm cuando haya terminado.

  11. Siga las instrucciones de Google para publicar el nuevo contenedor.

Paso 3. Configurar la tienda

NOTE
A partir de la versión 2.4.5, la integración de servicios de Google se actualiza para admitir el uso de las API de GTag. GTag es un mecanismo unificado para la integración con la funcionalidad de Google para páginas web y admite las funciones y oportunidades más recientes para el seguimiento y la administración de contenido mediante los servicios de Google. Para obtener más información, consulte la documentación para desarrolladores de Google Analytics.

  1. Inicie sesión en el administrador de su tienda de Commerce.

  2. En la barra lateral Admin, vaya a Stores > Settings>Configuration.

  3. En el panel izquierdo, expanda Sales y elija Google API.

  4. Expanda Selector de expansión en la sección Google Analytics y configure lo siguiente:

    Configuración de ventas - Google Analytics

    • Establezca Enable en Yes.

    • Establezca Account type en Google Tag Manager.

    • En el campo Container ID, introduzca su ID de GTM (GTM-xxxxxx).

    • Si también usa Google Analytics para experimentos de contenido, establezca Habilitar experimentos de contenido en Yes.

    • Utilice los valores predeterminados para los campos restantes.

  5. Una vez finalizado, haga clic en Save Config.

  6. Pruebe la configuración de Google Tag Manager y compruebe que todo funciona correctamente.

NOTE
Cada contenedor está asociado con un sitio web y solo necesita un contenedor por cuenta. Si tiene una instancia de Commerce de varios sitios, necesita contenedores independientes.

Descripciones de campos

CampoÁmbitoDescripción
EnableVista de tiendaDetermina si se puede utilizar Google Analytics Enhanced Ecommerce para analizar la actividad de la tienda. Opciones: Yes / No
Account typeVista de tiendaDetermina el código de seguimiento de Google que se utiliza para supervisar la actividad y el tráfico de la tienda. Opciones: Google Analytics / Google Tag Manager
Anonymize IPVista de tiendaDetermina si se elimina la información de identificación de las direcciones IP que aparecen en los resultados de Google Analytics.
Enable Content ExperimentsVista de tiendaActiva los experimentos de contenido de Google, que pueden utilizarse para probar hasta diez versiones diferentes de la misma página. Opciones: Yes / No
Container IdVista de tiendaSi Google Tag Manager ya está instalado y configurado para su tienda, el ID de contenedor aparecerá automáticamente en este campo.
List property for the catalog pageVista de tiendaIdentifica la propiedad del Administrador de etiquetas asociada a la página del catálogo. Valor predeterminado: Catalog Page
List property for the cross-sell blockVista de tiendaIdentifica la propiedad del Administrador de etiquetas asociada al bloque de venta cruzada. Valor predeterminado: Cross-sell
List property for the up-sell blockVista de tiendaIdentifica la propiedad del Administrador de etiquetas asociada al bloque de ampliación de venta. Valor predeterminado: Up-sell
List property for the related products blockVista de tiendaIdentifica la propiedad del Administrador de etiquetas asociada al bloque de productos relacionado. Valor predeterminado: Related Products
List property for the search results pageVista de tiendaIdentifica la propiedad del Administrador de etiquetas asociada a la página de resultados de la búsqueda. Valor predeterminado: Search Results
“Internal Promotions” for promotions field “Label”Vista de tiendaIdentifica la propiedad del Administrador de etiquetas asociada a las etiquetas de las promociones internas. Valor predeterminado: Label

Creación de una etiqueta para el seguimiento de conversiones

Si tiene una cuenta de Google AdWords, puede crear una etiqueta de que realice un seguimiento de las conversiones. El siguiente ejemplo muestra cómo usar Google Tag Manager y Google Analytics para crear una etiqueta que se active en la página de conversión Success de su tienda.

Paso 1. Creación de una etiqueta

  1. Inicie sesión en su cuenta de Google Tag Manager y haga clic en el vínculo del contenedor que creó para su tienda.

  2. En el cuadro New Tag, haga clic en Add a new tag.

  3. Obtenga la siguiente información de su cuenta de AdWords:

    • ID de conversión
    • Etiqueta de conversión

    Si necesita ayuda, visite el sitio de soporte técnico de Google.

  4. En el tablero Google Tag Manager, haga clic en Google AdWords y haga lo siguiente:

    • Haga clic en el marcador de posición de título e introduzca un nombre para la etiqueta nueva.

    • En Choose Product, seleccione Google AdWords.

    • En Choose a Tag Type, seleccione AdWords Conversion Tracking ​y haga clic en Continue.

  5. Escriba Conversion ID y Conversion Label desde su cuenta de AdWords y haga clic en Continue.

Paso 2. Crear una regla

Continuando desde el panel Google Tag Manager, el siguiente paso es crear una regla que active la etiqueta en la página de conversión.

  1. En Fire On, haga clic en Some Pages.

  2. En la sección Choose Pages, complete la siguiente configuración:

    • Name - Escriba un nombre para la descripción de la página.

    • Variable url

    • Operación - matches RegEx

      Para obtener más información, consulte Operadores de selector de Regex y CSS en la Ayuda de Google Tag Manager.

    • Value - checkout/success.*

  3. Seleccione la casilla verde y haga clic en Save.

    El déclencheur que ha configurado aparece como un botón azul en la sección Activar.

  4. Una vez finalizado, haga clic en Save Tag.

Paso 3. Previsualización y publicación

El siguiente paso del proceso es obtener una vista previa de la etiqueta. Cada vez que se obtiene una vista previa de la etiqueta, se guarda una instantánea de la versión. Cuando esté satisfecho con los resultados, vaya a la versión que desee usar y haga clic en Publish.

Etiqueta personalizada de HTML con JavaScript

En esta sección se explica cómo agregar un nonce de CSP a HTML Tag JavaScript personalizado para su ejecución en la página de cierre de compra, lo que garantiza el cumplimiento de los requisitos de la Política de seguridad de contenido (CSP). Esta adición mejora la seguridad del sitio al evitar la ejecución de scripts no autorizados. Para obtener información más detallada, consulte la documentación de Política de seguridad de contenido.

NOTE
La importación de la variable global cspNonce en Google Tag Manager solo es compatible con la versión 2.4.8 y posteriores de Adobe Commerce.
WARNING
Añadir secuencias de comandos desconocidas a la tienda puede poner en peligro los datos. Los scripts autorizados en la página de pago pueden robar información confidencial del cliente, incluidos los detalles de pago. Es esencial tomar precauciones para proteger la cuenta de Google Tag Manager. Agregue solo scripts de confianza, revise y audite regularmente sus etiquetas e implemente medidas de seguridad sólidas como autenticación de doble factor (2FA) y controles de acceso.

Paso 1. Crear una variable nonce de CSP

Puede crear una variable nonce CSP que se puede utilizar en el Administrador de etiquetas de Google importando la configuración de la variable o configurándola manualmente.

Importar la configuración de la variable

La variable de seguridad CSP está incluida en el contenedor de ejemplo GTM_M2_Config_json.txt. Puede crear la variable importando este código en el espacio de trabajo.

Crear la variable manualmente

Si no puede importar la configuración de la variable, complete los siguientes pasos para crearla.

  1. En su área de trabajo, vaya a la sección Variables de la barra lateral.
  2. Haga clic en el botón Nuevo en la parte inferior de la página en la sección Variables definidas por el usuario.
  3. Asigne un nombre a la variable gtmNonce.
  4. Haga clic en el icono de lápiz para editar la variable.
  5. Seleccione Variable JavaScript de la sección Variable de página.
  6. En el campo Nombre de variable global, escriba window.cspNonce.
  7. Guarde la variable.

Para obtener más información acerca de Variables de Google Tag Manager, consulte Tipos de variables definidas por el usuario para la web en la documentación de Google. Esta documentación ofrece instrucciones detalladas sobre la creación y administración de variables personalizadas para adaptar la administración de etiquetas a necesidades específicas de marketing y análisis.