Medición de Thank You Page en Shopify con Google Analytics

Curso de Análisis de Reportes de Ecommerce con Google Analytics

Contenido del curso

GA para ecommerce: ¿para qué y cómo?

Ecommerce en GA4 y GA Universal

Clases aplicadas con un Ecommerce de 1 millón USD anuales

Recap Ecommerce

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0016:37

Medición de Thank You Page en Shopify con Google Analytics

Curso de Análisis de Reportes de Ecommerce con Google Analytics

Clase 7 de 23

Clase 7 / 23

Recursos

¿Cómo integrar Google Analytics en tu página de gracias?

Implementar Google Analytics en la página de agradecimiento o "thank you page" es fundamental para monitorear transacciones, desde qué productos se venden más, hasta cuánto es el monto que se está generando diariamente. Sin embargo, esto requiere algunos conocimientos técnicos, especialmente en el uso de JavaScript y Liquid, el lenguaje de Shopify.

¿Qué necesitas saber antes de comenzar?

Conocimientos previos: Es vital tener conocimientos básicos sobre JavaScript, ya que gran parte de la implementación técnica se basa en el uso de scripts. Aunque la parte técnica puede ser complicada, es importante retener la intuición de cómo funcionan los procesos.
Requerimientos de Shopify: Para modificar la página de agradecimiento en Shopify, se requiere una cuenta pagada. Esto se debe a que necesitas operar una tienda funcional que efectúe transacciones.

¿Cómo se integra Google Analytics en Shopify?

Ubicar la edición de la página de "thank you": Accede a la configuración de Shopify, en la sección de checkout, donde puedes insertar código JavaScript adicional en la "thank you page".
Añadir código de seguimiento: Usa el código de seguimiento de Google Analytics para enviar el evento cuando se cargue la página. Esto implica copiar y pegar el ID de seguimiento de Google Analytics en la configuración de Shopify.
Enviar eventos básicos: Usa el debugger de Google Analytics para verificar qué eventos se registran en tiempo real al cargar la página.

¿Cómo enviar información dinámica de un evento "Purchase"?

Información de transacción estática

Al principio, puedes enviar eventos con datos predefinidos, como el ID de transacción fijo. Sin embargo, esto no es práctico a largo plazo.

Hacerlo dinámico con Liquid

Uso de variables Liquid: Implementa Liquid para extraer dinámicamente el ID de la transacción y otros detalles relevantes de las órdenes. Esto facilita que los datos cambien automáticamente en cada transacción sin manipulación manual.
Variables clave a considerar:
- order.order_number: ID de la transacción.
- total_price: Valor total de la compra.
- tax: Impuestos aplicados.
- shipping: Costos de envío.
- currency: Moneda de la transacción.

Evitar duplicados de eventos

Implementa un código adicional para asegurarte de que el evento "purchase" se registre solo una vez por transacción. Esto es crucial para evitar resultados inexactos debido a múltiples cargas de la página por el usuario.

Recomendaciones y consejos útiles

Comprueba en tiempo real: Usa las herramientas de debugging de Google Analytics para verificar que todo está funcionando correctamente.
Crea un sistema flexible: Usando Liquid, crea un sistema que automáticamente adapte los datos de cada transacción para mantener la eficiencia.
Consulta la documentación: Siempre recurre a la documentación oficial de Google Analytics y Shopify para aclarar dudas sobre los parámetros e implementación técnica.

Siguiendo estos pasos cuidadosamente, conseguirás integrar un robusto sistema de monitoreo en tu página de agradecimiento, proporcionando valiosa información sobre tus transacciones, que te permitirá tomar decisiones informadas sobre tu negocio. ¡Sigue aprendiendo y aplicando estos conocimientos para mejorar cada vez más la gestión de tu tienda online!

Felipe Ríos Barraza (Frios)

Profesor

Hace 5 años

Aclarar que lo que queremos prevenir en el minuto 15 con la ingesta del código {% if first_time_accessed %} es la duplicación de las ventas :)

El código de la clase:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXX');

  {% if first_time_accessed %}

  gtag('event', 'purchase', {
  "transaction_id": {{order.order_number}},
  "value": {{total_price | times: 0.01}},
  "tax": {{tax_price | times: 0.01}},
  "shipping": {{shipping_price | times: 0.01}},
  "currency": {{order.currency}}
  });

  {% endif %}

</script>

Link de documentación para medir eventos en GA4:

https://developers.google.com/analytics/devguides/collection/ga4/events

y link para enviar eventos de ecommerce:

https://developers.google.com/tag-manager/ecommerce-ga4

Link a introducción a liquid:

https://shopify.github.io/liquid/basics/introduction/

Acá los links de los cursos recomendados:

https://platzi.com/cursos/fundamentos-ecommerce/ https://platzi.com/cursos/marketing-ecommerce/ https://platzi.com/cursos/shopify/ https://platzi.com/ga https://platzi.com/cursos/gtm/ https://platzi.com/cursos/gtm-marketing/ https://platzi.com/cursos/basico-javascript/

Bemsson Guerrero

Hace 5 años

Había visto varios videos de la instalación de este evento en shopify pero ninguno tan claro y sencillo como este. Gracias Felipe.

Lo que aún no me queda claro es por qué colocar nuevamente toda la parte inicial del script con el dataLayer y demás si se supone que eso quedó en el theme.liquid y que eso marca todas las páginas (excepto el checkout)

Bemsson Guerrero

Hace 5 años

UPDATE

Coloqué el código en la sección de Shopify que indica la clase pero no funcionó. No logré hacer debugging porque el sitio está live. Alguien sabe cómo puedo arreglarlo?

Comentarios (18)18 comentarios

Javier Velázquez

Hace 4 años

Mauricio Mejia

Hace 3 años

Erick Lucio

Jonathan Wilmer Albán Bonilla

Francis González

Jorge Aldahir Huamaní Almonacid

Juan Manuel Cuevas

Camilo Andres Parra León

Nicolas alvarenga

Yessica luz

Jorge Marroquin

Pablo Saavedra Vivanco

Carolina Gómez

Hace 5 meses

Sergio Luis Loaiza Villa

Camilo Mueses

Juan Manuel Robledo Úsuga

Optimus Digital

Luciano Juárez

isaac Lopez

Diego Rodriguez

GA para ecommerce: ¿para qué y cómo?

Google Analytics para E-commerce: Métricas y Reportes Clave

Google Analytics para Optimizar Ventas en E-commerce

Medición de e-commerce en Shopify con Google Analytics 4

Medición de E-commerce con Google Analytics: Marketing y Ventas

Ecommerce en GA4 y GA Universal

Instalación de Google Analytics 4 en Shopify E-commerce

Comprobación de Google Analytics 4 con Debugger en Shopify

Medición de Thank You Page en Shopify con Google Analytics

Instalación de Google Analytics Universal en Shopify

Marcaje de Checkout en Shopify con Google Analytics Universal

Análisis Comparativo de Google Analytics: Shopify vs. Cuenta Demo

Clases aplicadas con un Ecommerce de 1 millón USD anuales

Análisis de Casos de Éxito en E-commerce con Google Analytics

Análisis de Canales de Marketing y Optimización de Conversión

Modelos de Atribución en Google Analytics

Optimización de la Tasa de Conversión en E-commerce Regional

Optimización de Tasa de Conversión en E-commerce: Análisis de Causas

Herramientas de Benchmarking para Comercio Electrónico

Optimización de Ventas en E-commerce: Estrategias de Bundling

Análisis de búsquedas internas con Google Analytics

Análisis de Tendencias de Venta en E-commerce

Análisis de Segmentos de Tráfico en Comercio Electrónico

Configuración de exclusión de referencias en Google Analytics

Recap Ecommerce

Reportes de E-commerce en Google Analytics 4

Google Analytics para E-commerce: Resumen y Aplicaciones Prácticas

Medición de Thank You Page en Shopify con Google Analytics

Progreso del curso

GA para ecommerce: ¿para qué y cómo?

Ecommerce en GA4 y GA Universal

Clases aplicadas con un Ecommerce de 1 millón USD anuales

Recap Ecommerce

Recursos

Recursos