Google Tag Manager
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.
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.
-
Inicie sesión en su cuenta de Google Analytics.
-
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.
-
-
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.
-
-
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.
-
-
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 enOn
.
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.
-
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.
-
Vaya a Admin > Container > Import Container.
-
Haga clic en Choose container file y seleccione el archivo json.
-
En Choose workspace, haga clic en New.
-
Escriba un título y una descripción y luego haga clic en Save.
-
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.
-
-
Haga clic en Preview para revisar las etiquetas, los déclencheur y las variables.
-
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.
-
-
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.
-
Haga clic en Confirm cuando haya terminado.
-
Siga las instrucciones de Google para publicar el nuevo contenedor.
Paso 3. Configurar la tienda
-
Inicie sesión en el administrador de su tienda de Commerce.
-
En la barra lateral Admin, vaya a Stores > Settings>Configuration.
-
En el panel izquierdo, expanda Sales y elija Google API.
-
Expanda
-
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.
-
-
Una vez finalizado, haga clic en Save Config.
-
Pruebe la configuración de Google Tag Manager y compruebe que todo funciona correctamente.
Paso 4. Añada el código GTM en su tienda de Adobe Commerce
-
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>
. -
En el Administrador de Commerce, vaya a Content > Design>Configuration y abra la vista de la tienda en modo de edición.
-
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. -
Expanda Footer y pegue el código GTM de
<body>
en el campo Miscellaneous HTML. -
Una vez finalizado, haga clic en Save Configuration.
Descripciones de campos
Yes
/ No
Google Analytics
/ Google Tag Manager
Yes
/ No
Catalog Page
Cross-sell
Up-sell
Related Products
Search Results
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
-
Inicie sesión en su cuenta de Google Tag Manager y haga clic en el vínculo del contenedor que creó para su tienda.
-
En el cuadro New Tag, haga clic en Add a new tag.
-
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.
-
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.
-
-
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.
-
En Fire On, haga clic en Some Pages.
-
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.*
-
-
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.
-
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.