Instalación de Ecommerce en GA4- Thank you page

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

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

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

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!

Aportes 6

Preguntas 11

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Felipe Ríos Barraza (Frios)

Profe Platzi

hace 4 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/

Javier Velázquez

hace 2 años

Me parece mucho más conveniente hacer este procedimiento desde Google Tag Manager. Aquí les comparto este video que encontré al respecto:

https://www.youtube.com/watch?v=h3UiipZpcxs

Francis González

hace 3 años

Lenguaje liquid

“Es una forma de programación que contiene Shopífy y otras plataformas. Éstas permiten acceder a variables que pueden colocarse en el código para que se vayan personalizando los resultados a cada momento”

jorge.aldahir

hace 3 años

Seria genial si pudieran hacer el EE para wordpress, que es donde la mayoría de webs se construyen, especificamente para el plugin de woocommerce. La verdad es que el curso de GTM de Platzi es bastante básico en cuestiones de dataLayer, gracias!

Pablo Saavedra Vivanco

hace 3 años

El valor de esta clase es altísimo. Muchas gracias Porfe Felipe “terrible” Ríos.

Diego Rodriguez

hace 3 años

Excelente profesor!

Mil gracias Felipe!