DocumentaciónCommerceComercialización y promociones

Google Tag Manager

Last update: Mon Nov 27 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Beginner
  • Intermediate
  • Admin
  • Leader
  • User
Función Adobe Commerce {width="20"} Función exclusiva solo en Adobe Commerce (Más información)

Google Tag Manager le ayuda a administrar las numerosas etiquetas (fragmentos de código) relacionadas con los eventos de campañas de marketing. Google Tag Manager permite agregar etiquetas de seguimiento al 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, comercio electrónico mejorado y otras soluciones de análisis de terceros para producir una imagen clara del rendimiento de su sitio, productos y promociones.

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

NOTE
Si su empresa está sujeta a normas de privacidad como las siguientes Reglamento general de protección de datos y/o el California Consumer Privacy Act, consulte Configuración de privacidad de Google.

Paso 1. Configure su Google Analytics account

Consulte Configurar la búsqueda del 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 Google Analytics cuenta.

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

    • Vaya a Select View > View Settings.

    • Establecer Site Search Tracking hasta On.

    • Establecer Query parámetro a q.

    • Una vez finalizado, Save la configuración.

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

    • Elegir Property Settings.

    • En Advertising Features, configurado Enable Demographics and Interest Reports ​hasta On.

    • Save la configuración.

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

    • Vaya a Select View > Ecommerce Settings.

    • Establecer Enable Ecommerce hasta On.

    • Establecer Enable Enhanced Ecommerce Reporting hasta On.

    • Save la configuración.

  5. Vuelva a cargar la página y compruebe que se conserva toda la configuración On.

    note note
    NOTE
    Si no todos los ajustes son On, repita los pasos anteriores, guarde y vuelva a cargar la página. Repita este proceso hasta que todos los ajustes estén configurados en On.

Paso 2. Configure su Google Tag Manager account

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

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

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

    El archivo json se carga directamente en Google Tag Manager.

  2. Vaya a Admin > Container > Import Container.

  3. Clic Choose container file y seleccione el archivo json.

  4. En Choose workspace, haga clic en New.

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

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

    • El Overwrite debe seleccionarse para un contenedor nuevo.

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

  7. Clic Preview para revisar las etiquetas, los déclencheur y las variables.

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

    • Vaya a Variables > User-Defined Variables.

    • Elegir Google Analytics y actualice el marcador de posición (UA-xxxxxx-x) con los suyos 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. Clic Confirm cuando se complete.

  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 el Administrador barra lateral, vaya a Stores > Settings>Configuration.

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

  4. Expandir Selector de expansión el Google Analytics y configure lo siguiente:

    Configuración de ventas - Google Analytics {width="600" modal="regular"}

    • Establecer Enable hasta Yes.

    • Establecer Account type hasta Google Tag Manager.

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

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

    • Utilice los valores predeterminados para los campos restantes.

  5. Cuando termine, haga clic en Save Config.

  6. Pruebe su 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.

Paso 4. Añada el código GTM en su tienda de Adobe Commerce

  1. Para copiar el código GTM, vaya a Admin > Install Google Tag Manager.

    Hay dos fragmentos de código GTM que se añaden al sitio de Commerce: el primero para <head> y el segundo para la etiqueta <body> etiqueta.

  2. En el Administrador de comercio, vaya a Content > Design>Configuration ​y abra la vista de la tienda en modo de edición.

  3. En Other Settings, expanda HTML Head ​y pegue el código que ha copiado de GTM para <head> etiqueta en el Scripts and Style Sheets ​field.

    Inserción de código en el encabezado del HTML {width="600" modal="regular"}

  4. Expandir Footer y pegue el código GTM de <body> en el Miscellaneous HTML field.

    Inserción de código en el pie de página {width="600" modal="regular"}

  5. Cuando termine, haga clic en Save Configuration.

Descripciones de campos

Campo
Ámbito
Descripción
Enable
Vista de tienda
Determina si se puede utilizar el comercio electrónico mejorado de Google Analytics para analizar la actividad en la tienda. Opciones: Yes / No
Account type
Vista de tienda
Determina 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 IP
Vista de tienda
Determina si se elimina la información de identificación de las direcciones IP que aparecen en los resultados de Google Analytics.
Enable Content Experiments
Vista de tienda
Activa los experimentos de contenido de Google, que pueden utilizarse para probar hasta diez versiones diferentes de la misma página. Opciones: Yes / No
Container Id
Vista de tienda
If Google Tag Manager ya está instalado y configurado para su tienda, el ID de contenedor aparece automáticamente en este campo.
List property for the catalog page
Vista de tienda
Identifica la propiedad del Administrador de etiquetas asociada a la página del catálogo. Valor predeterminado: Catalog Page
List property for the cross-sell block
Vista de tienda
Identifica la propiedad del Administrador de etiquetas asociada al bloque de venta cruzada. Valor predeterminado: Cross-sell
List property for the up-sell block
Vista de tienda
Identifica la propiedad del Administrador de etiquetas asociada al bloque de ampliación de venta. Valor predeterminado: Up-sell
List property for the related products block
Vista de tienda
Identifica la propiedad del Administrador de etiquetas asociada al bloque de productos relacionado. Valor predeterminado: Related Products
List property for the search results page
Vista de tienda
Identifica 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 tienda
Identifica 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 utilizar ambos Google Tag Manager y Google Analytics para crear una etiqueta que se active durante la conversión de la tienda Correcto página.

Paso 1. Creación de una etiqueta

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

  2. En el 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 web de Google sitio de asistencia.

  4. Desde el Google Tag Manager panel, 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. Introduzca el Conversion ID y Conversion Label en su cuenta de AdWords y haga clic en Continue.

Paso 2. Crear una regla

Continuando desde el 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 el Choose Pages, complete la siguiente configuración:

    • Name : introduzca 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. Cuando termine, 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 utilizar y haga clic en Publish.

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5