Configurar Google Analytics 4 con Shopify (Fácilmente)

Una de las características más solicitadas, es como configurar Google Analytics 4 con Shopify.

Utilizando la última versión de Google Analytics, puedes hacer el seguimiento de tu tienda Shopify con Google Analytics.

No se si lo sabías pero antes de este cambio, debíamos utilizar un código adicional, utilizar una app especial, o usar ambas opciones.

Esto significa, que lo primero que debes hacer si vas a utilizar la integración de Shopify con Google Analytics, te recomiendo que elimines cualquier código adicional que hayas instalado previamente.

Antes de continuar, me gustaría recordarte que si lo deseas, puedes ver este contenido, en el video a continuación. Además, podrás ver absolutamente todo el material que voy subiendo periódicamente, a todas mis plataformas digitales:

¡Excelente!

Ahora vamos a ir a mi cuenta demo de  Shopify.

Nos dirigimos a la opción de «configuración» en la parte inferior izquierda de la pantalla. Seleccionamos pantalla de pagos, y luego navegamos hacia abajo, y hacemos clic en página de estado del pedido.

Como podemos ver en la imagen, tenemos un código en scripts adicionales.

Al observar, en mi caso, podemos observar que es el código para agregar la capa de datos de Google Tag Manager, a la página final de pago, en la tienda Shopify.

Esto lo que hace es informar dinámicamente, los detalles de cada transacción, para que se envíen a GA4, utilizando Google Tag Manager por ejemplo.

Si encuentras scripts adicionales agregados a tu tienda en esta sección, te sugiero que copies todos los códigos, y los guardes en un lugar seguro como respaldo.

Dado que vamos a cambiar la configuración y conectar Google Analytics 4 con Shopify, eliminaremos las capas de datos o los códigos adicionales.

Es posible, que encuentres en este campo, la etiqueta de Google que se llama GTAG.JS. Si encuentras esta etiqueta aquí, y no la etiqueta de GTM, entonces debes verificar si la primera está enviando datos a Google Analytics, Google Ads, o ambas plataformas.

Si esto es así, debería considerar la migración de estos códigos, para usar la aplicación canal de Google. Esta, es la misma aplicación que Shopify utiliza para su integración con Google Analytics 4.   

Bien. Si tienes otros scripts en esta sección, te sugiero dejarlos. Si no tienes nada aquí, no deberás tomar ninguna acción al respecto.

Genial. Ahora que hemos  borrado la capa de datos, es tiempo de verificar, si has agregado Google Tag Manager o Google Analytics, en el tema de la tienda.

Para hacer esto, cerramos la configuración, vamos al menú izquierdo, hacemos clic en tienda online, debajo de canales de venta, seleccionamos los tres puntos (...) y elegimos editar código.

En el menú de la izquierda, vamos a seleccionar el archivo theme.liquid. Este,se utiliza para crear todas las páginas de productos y otras páginas, en nuestra tienda de shopify. Entonces, es un lugar muy común, donde podrás encontrar el código de  Google Tag Manager, o el código de Google Analytics.

En mi tienda demo, podemos ver en la parte superior de la etiqueta, el código HTML, de  GTM.

Por lo  tanto, lo eliminamos, y te sugiero que busques la etiqueta de Google, JTAG.JS, ya que este puede ser utilizado para usar Google Analytics 4 con mi tienda Shopify.  

Una  vez que te asegures que no hay  códigos de  GTM o GA en el archivo theme.liquid, hacemos clic en «Guardar» arriba a la derecha.

Si has modificado tu tema para realizar otras acciones, como lo sería «añadir al carrito», también puedes eliminarlas. Este tipo de archivo por ejemplo, se llama product-template.liquid, y lo puedes encontrar en la carpeta «secciones» de tu tienda shopify.

Una vez que hayamos verificado que GA no se ha agregado a tu tienda Shopify, es hora de agregarlo utilizando la integración de Shopify.Para hacerlo, vamos a instalar la aplicación canal de Google.

¡Volvamos a Shopify!

Seleccionamos canales de venta del menú izquierdo de la pantalla, y buscamos por la palabra Google. Bien, ahora seleccionamos la aplicación Canal de Google.

Luego, hacemos clic en «agregar app». Siguiente, hacemos clic en agregar canal de ventas. La verás en la parte superior en la siguiente pantalla

La app de  canal de Google, también te permite enviar detalles de tus productos  a Google Merchant Center. Para usar esta opción, debes asegurarte que tu tienda cumpla con los requisitos de Google.

Bien. ¡Seguimos!

Debemos iniciar sesión con la misma cuenta que usamos Google Analytics.

Autorizamos la aplicación canal de Google, para acceder a Google Analytics. Luego, hacemos clic en «empezar»

Luego debes seleccionar tu propiedad correspondiente para tu tienda de Shopify. En mi caso, se ve así:

👇

Si aún no has creado tu propiedad GA4, puedes utilizar el enlace «crear nuevo».

De lo contrario, hacemos clic en vincular.

¡Excelente!. Ahora nuestra tienda enviará datos a Google Analytics 4.

Bien, es hora de verificar que todo funcione correctamente.

Como verificar que mi tienda Shopify este bien configurada con Google Analytics

Para hacer esto, abrimos una nueva pestaña, y lo hacemos con Google Tag Assistant. La URL es tagassistant.google.com. Hacemos clic en «agregar dominio»

Y cuando te lo pida, simplemente ingresas el dominio de tu tienda Shopify. Pulsamos en Connect, y luego Tag Assitant te avisará que estás conectado.

Ahora hacemos la prueba de navegar a un producto, y lo agregamos  a nuestro carrito de compra. Posteriormente, hacemos clic en «Ver carrito» y finalizamos el pedido.

Luego, ingresas tus detalles personales, para «continuar con el envío». Seleccionas el método de envío, y una vez finalizado el pago, ¡debemos ir  a Google Tag Assistant!

A la izquierda, podrás ver todos los eventos de la capa de datos. Estos, están siendo creados por la aplicación canal de Google.

Debemos asegurarnos de tener activado id de medición de GA4 en la parte  superior:

Y si está seleccionado, mostrará todos los  eventos enviados a Google Analytics. Incluyendo por supuesto, nuestro evento de compra «purchase».

Además mostrará pageview, el evento de info de pago (add payment info), el elemento de agregar al carrito (add to cart) y más.

Ahora estamos enviando eventos de comercio electrónico a GA4, utilizando la integración de Shopify disponible, con la app de canal de Google.

Si no encuentras algunos eventos importantes de comercio electrónico, te recomiendo que te contactes con el soporte de la aplicación.

Para ver la opción del soporte, volvemos a Shopify, luego seleccionamos aplicaciones y canales de venta, y en la página siguiente podremos ver la opción de «obtener ayuda»

Una vez que hayas configurado la integración, comenzarás a ver datos en GA4.

¡Incluidos los informes de monetización!.

Además, puedes crear tus propios informes de exploración personalizados, utilizando métricas y dimensiones de ecommerce, disponibles en Google Analytics.

También puedes hacer seguimientos, cuando alguien ve una página específica dentro de tu web. O en su defecto,cuando alguien interactúa con algún elemento de tu sitio.

¿Para hacerlo? Te dejo el artículo a continuación:

SEGUIMIENTO DE LAS BÚSQUEDAS EN TU WEB.

¡Felicitaciones!

¡Impresionante progreso!

¡Hasta la próxima!