Realizar Pregunta

¿Cómo instalar Google Tag Manager en Shopify?

Google Tag Manager es una poderosa herramienta que puede usarse de la mano con Google Analitycs para conocer en primera instancia comportamientos de tu público. No solo eso, sino que también permite auto explorar como está funcionando tu web. Su principal foco es el de etiquetas y disparadores o eventos que ocurren ante cierto tipo de acción ejecutada por el usuario. Por ello, y para medir cuan eficiente es tu web, te enseñaremos como implementarlo en uno de las plataformas de ventas online más populares de todas: Shopify. Ambos serán complemento, uno para el otro para disparar el éxito de tu web.

Dicho esto, seguramente pensarás que se trata de un complejo proceso, pero la realidad es que no. Es muy sencillo, fácil y no requiere de mucho conocimiento informático. Te guiaremos desde 0, es decir, principalmente vamos a crear una cuenta en Google Tag Manager y así unificar sus etiquetas en Shopify. Ponte cómodo y presta atención.

Como mencionamos, primero vamos a crear la cuenta en GTM, para ello sigue estos pasos:

  1. Visita tagmanager.google.com
  2. Crea tu cuenta, iniciando sesión con las credenciales de Google Analytics (la contraseña y nombre de usuario serán el mismo).

3. Ahora solo rellena los campos concernientes a información de tu cuenta, presiona sobre “Añadir nueva cuenta” e introduce el nombre de la página, su URL y otros.

4. Ahora deberás rellenar información sobre el “Contenedor”, selecciónalo como de tipo “web” (ya que tu web con Shopify será quien porte al Google Tag Manager).

5. Presiona sobre “Crear”.

6. Ahora estarás en la siguiente sección de la web, donde se te mostrará el fragmento de código que podrás utilizar para integrar GTM a Shopify, ¿ves lo simple que es? Dicho código estará dividido en “head” (la cabecera de nuestra web) y “body” (que introduciremos en el cuerpo de nuestra web). 

Ahora, será el turno de implementarlo en Shopify; no te preocupes que ya te enseñaremos como.

Pasos a seguir para introducir el fragmento de código de Google Tag Manager en Shopify

  1. Deberás abrir una nueva pestaña en tu navegador, y navegar al sitio de Shopify.  (https://www.shopify.es/)

2, Inicia sesión con tus credenciales.

3. Ahora dirígete a la sección denominada “Tiendas en línea”

4. Luego, en la opción de “Temas”, sobre el menú de cascada estará la opción de “Editar código”, haz click sobre ella.

5. Ahora podrás editar código de ciertos archivos en tus temas, vamos a editar el que tiene por nombre “theme.liquid”

6. En el archivo “theme.liquid” verás líneas de códigos en la ventana posicionada a la izquierda.

7. Ve a la ventana o pestaña donde estaba el fragmento de código del Google Tag Manager (el que verificaste cuando creaste la cuenta) y copia el contenido de “head”. Luego pega dicho contenido en la etiqueta “head” que acabas de ver en la ventana a la derecha en Shopify, dentro del archivo “theme.liquid”, tal como mostramos en la imagen.

8. Ahora, ya tienes la parte de la cabecera pegada en tu tema de Shopify, solo falta realizar el mismo proceso con el “body” o código del cuerpo de tu página.

9. Selecciónalo desde la pestaña de Google Tag Manager, está en la parte inferior, recuerda es el “body”.

10.  Ve a la sección de editar el archivo “theme.liquid” en la pestaña que ya está abierta, y en el código “body” pega el fragmento que has copiado desde Google Tag Manager, tal como en la imagen.

¡Listo! Ahora solo presiona sobre “Guardar” y ya tendrás configurado el Google Tag Manager en tu web de e-commerce con Shopify.  Para verificar si ha sido correctamente implementada, ve al “Modo de pre visualización” en el panel de GTM.

Antes de finalizar debemos hacer énfasis en que desde la propia web de ayuda y soporte de Shopify, indican que existen 3 tipos de etiquetas o tags que no están permitidas para añadir, así que ten cuidado. Estas son las siguientes: Facebook Pixel, etiquetas clásicas de Google Analytics y etiquetas de analíticas universales para Google Analytics. ¡Ahora que ya sabes todo, éxito en tus ventas!

0 calificacion(es)

Califica esta pregunta

Preguntas relacionadas