DocumentaciónCommerceComercialización y promociones

Google Tag Manager

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Temas:

Creado para:

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

Google Tag Manager le ayuda a administrar las muchas etiquetas (fragmentos de código) que están relacionadas 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 Administrador de etiquetas de Google.

  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 note
    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 {width="600" modal="regular"}

    • 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.

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 agregarán al sitio de Commerce: el primero para la etiqueta <head> y el segundo para la etiqueta <body>.

  2. En el Administrador de Commerce, 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 copió de GTM para la etiqueta <head> en el campo Scripts and Style Sheets.

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

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

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

  5. Una vez finalizado, 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
Si 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 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 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.

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