Google Analytics 4 será un estándar de la industria para el análisis web en los próximos meses ya que Google está poniendo fin a Universal Analytics. Así que si usted había planeado implementar GA4 en su tienda Shopify, la configuración del lado del servidor de Google Analytics 4 podría ser una excelente opción ya que el seguimiento del lado del servidor está más adaptado a las restricciones de seguimiento modernas.
Google Analytics 4 del lado del servidor ayudará a hacer un seguimiento más preciso del comportamiento de los usuarios y, a su vez, a tomar mejores decisiones orientadas a mejorar la experiencia del cliente y el éxito del comercio electrónico.
Esta entrada del blog le guiará a través de la configuración del lado del servidor de Google Analytics 4 utilizando la aplicación server GTM de Stape.
Beneficios del uso de server-side Google Analytics 4Copie el enlace a esta sección
Google dejará de dar soporte a Universal Analytics a partir del 1 de julio de 2023. Como consecuencia, todos los usuarios se verán obligados a cambiar a una versión más reciente - Google Analytics 4.
Google ya ha empezado a convertir automáticamente las propiedades GA3 (o Universal Analytics) a GA4, obligando a sus clientes a empezar a adaptar GA4.
La diferencia entre las versiones nuevas y antiguas de Google Analytics es enorme, ya que Universal Analytics se basa en sesiones, mientras que Google Analytics se basa en eventos. Además, los comentarios de los usuarios que empezaron a implementar GA4 podrían ser mejores, ya que el producto es relativamente nuevo, lo que significa que necesita algunas funciones y tiene algunos errores.
Junto con la nueva versión de Google Analytics, otro cambio importante en el mundo del seguimiento es el seguimiento del lado del servidor. Google Analytics 4 (GA4) del lado del servidor presenta varias ventajas con respecto al seguimiento tradicional del lado del cliente.
Estas son algunas de las principales ventajas del seguimiento en el servidor:
- Mayor precisión de los datos: el seguimiento del lado del servidor garantiza la recopilación y el procesamiento de los datos. Elimina las discrepancias causadas por bloqueadores de anuncios, scripts del lado del cliente y otros problemas de seguimiento.
- Mayor privacidad del usuario: El seguimiento del lado del servidor le permite mantener el anonimato del usuario, protegiendo la información de identificación personal (PII) de los usuarios y adhiriéndose a las regulaciones de privacidad como GDPR y CCPA.
- Con el seguimiento del lado del servidor, tiene un mayor control sobre los datos que recopila y cómo los utiliza. Por ejemplo, los flujos de datos personalizados pueden hacer un seguimiento de eventos específicos, del comportamiento de los usuarios y de otros puntos de datos.
- Integración con otras fuentes de datos: El seguimiento del lado del servidor puede integrarse con otras fuentes de datos, como los sistemas de gestión de relaciones con los clientes (customer relationship management - CRM), para crear una visión completa del comportamiento de los usuarios y mejorar las perspectivas analíticas.
En general, Google Analytics 4 del lado del servidor proporciona opciones de seguimiento más precisas, seguras y personalizables que pueden ayudarle a mejorar sus conocimientos analíticos y a tomar mejores decisiones empresariales.
Configure la aplicación GTM del servidor Stape para ShopifyCopie el enlace a esta sección
El primer paso para configurar Google Analytics 4 para Shopify es configurar el servidor contenedor de Google Tag Manager e instalar Stape Server GTM App. Nuestra aplicación ayuda a:
- Añadir el script web Google Tag Manager a todas las páginas del sitio web.
- Añadir un dominio personalizado al script GTM.
- Configurar un custom loader (sólo para usuarios de stape).
- Enviar datos de eventos a data layer de GTM web.
- Enviar datos de usuario a data layer de GTM web.
- Enviar webhooks de compra y reembolso al servidor GTM.
1. Añada la aplicación Stape Server GTM.
2. Active la casilla Insert GTM snippet. Cuando esté activada, la aplicación añadirá un script web de Google Tag Manager a cada página del sitio web.
Continúe con la configuración:
- Añada un dominio personalizado que esté utilizando para el contenedor GTM del servidor. Para los usuarios de stape, puede ser un subdominio bajo el dominio stape.io o un subdominio dentro del dominio de su sitio. Le recomendamos que utilice un dominio personalizado en la misma jerarquía que su sitio, ya que en este caso podrá establecer cookies de origen. Siga esta guía para encontrar o configurar un dominio personalizado en stape.
Una vez hecho esto, tendrá un script GTM web añadido a todas las páginas de la tienda Shopify, el contenedor GTM del servidor configurado, y utilizará un dominio personalizado y un custom domain si los ha configurado.
3. En la segunda pestaña de la aplicación Stape Server GTM, puede configurarla para enviar eventos de e-commerce y datos de usuario a Data Layer. Desafortunadamente, la app no puede enviar eventos de e-commerce en el checkout ya que Shopify no permite el acceso al checkout.
La lista de eventos de e-commerce:
- Collection View
- View Item
- Add to cart
- Begin Checkout
- Add payment info
- Purchase
Datos del usuario:
- Email
- First name
- Last name
- Customer ID
4. En la tercera pestaña, puede configurar la aplicación para que envíe webhooks de compra y reembolso al contenedor GTM del servidor. El uso de webhooks es una excelente manera de configurar el seguimiento puro del lado del servidor sin depender de scripts web, data layers, etc. Por ejemplo, puede realizar un seguimiento de las compras del lado del servidor frente a la web en paralelo. Consulte esta guía para obtener información más detallada sobre la configuración de webhooks en sGTM.
Eso es todo con la configuración de la aplicación stape para Shopify y servidores en la nube para sGTM. A continuación, vamos a pasar a configurar Google Analytics 4 para Shopify.
Google Analytics 4 del lado del servidor para ShopifyCopie el enlace a esta sección
1. La característica clave del etiquetado del lado del servidor es el establecimiento de cookies de origen. Para activar esta función, debe utilizar una URL de servidor de etiquetado personalizada. La URL del servidor de etiquetado personalizado o dominio personalizado debe compartir el mismo dominio que su sitio web. Por ejemplo, si el dominio de su sitio web es example.com, la URL del servidor de etiquetado debe ser ss.example.com.
Si desea añadir un dominio personalizado, abra el contenedor sGTM en stape, desplácese hasta la sección de dominios, escriba el nombre del dominio y haga clic en Añadir dominio. Una vez hecho esto, verá los registros DNS que debe añadir.
A continuación se muestra un ejemplo de configuración de DNS para CloudFlare.
1.2. Vuelva al contenedor del servidor de Google Tag Manager -> Elija su contenedor de servidor -> Admin -> configuración del contenedor -> pegue la URL del servidor de etiquetado.
Actualizar el script Web GTM en su sitio web es muy recomendable si utiliza un dominio personalizado. Este ajuste hará que gtm.js se cargue desde tu dominio. Para ello, sustituya el dominio predeterminado googletagmanager.com por el dominio personalizado que configuró en el paso anterior.
1.3. Dentro del contenedor Web, cree una nueva etiqueta del tipo Google Tag. Añada su ID de Google Tag.
En la sección Ajustes de configuración, añada los siguientes parámetros:
- Name: server_container_url
- Value: Introduzca la URL que ha creado
Añada el activador a la etiqueta GA4. Normalmente debería activarse en todas las páginas vistas.
También puede crear una etiqueta de Google: Ajustes de configuración variable que predefinirá la configuración de etiquetas de Google si necesita utilizar varias etiquetas de Google en su sitio web y no desea añadir ajustes para cada una de las etiquetas manualmente.
Estos parámetros pueden ser, por ejemplo, una configuración que defina si desea enviar un evento de vista de página cada vez que se active una etiqueta de Google, establecer parámetros UTM, ID de cliente, etc. Existe una lista de parámetros de configuración estándar de Google Tags.
1.4. Para configurar el evento GA4, vaya a la sección de etiquetas y cree una nueva etiqueta con el tipo de etiqueta Google Analytics: Evento GA4. Añada su GA4 ID y el nombre del evento; hay una lista de nombres de eventos estándar.
Puede crear una variable Google Tag: Event Settings variable que ayudará a compartir los parámetros del evento a través de varias etiquetas de eventos GA4 o Google Tags. Puede ser, por ejemplo, propiedades de usuario o producto, y también hay una lista de parámetros estándar para la configuración de eventos.
1.5. Abra el contenedor del servidor de Google Tag Manager -> haga clic en Cliente -> cree el cliente GA4 y guárdelo -> vaya a Etiquetas y configure la etiqueta GA4. Recuerde que GA4 envía automáticamente no sólo pageview pero algunos otros eventos. Dentro de Event Name elige la variable {{Event Name}}. -> añada trigger Nombre de Cliente igual a GA4.
2. Configure un evento pageview.
3. Configure los eventos de e-commerce. Para asegurarse de que los eventos de e-commerce, los productos y los datos de usuario están configurados correctamente, abra un contenedor GTM web y compruebe data layer para cada evento de e-commerce. Por ejemplo, puede que necesite configurar una variable de data layer para un evento o datos de usuario que deba enviar a GA4.
Debe crear triggers personalizados para cada evento de e-commerce basado en el evento de data layer.
A continuación se muestra un ejemplo de la etiqueta y el trigger para el evento Add to cart. El proceso de configuración de todos los demás eventos de e-commerce es similar.
4. Abra el contenedor Google Tag Manager del servidor. Añada el cliente Google Analytics 4 o asegúrese de que haya uno añadido.
5. En el contenedor GTM del servidor, cree una etiqueta GA4. Añada su GA4 ID, establezca el nombre del evento y el disparador. En mi ejemplo, un evento es variable, y la etiqueta GA4 del lado del servidor se dispara cada vez que GA4 reclama una solicitud.
Eso es todo con la configuración del lado del servidor de Google Analytics 4 para Shopify. A continuación, vamos a pasar a la prueba y solución de problemas de la configuración.
Verificación de que la configuración es completa y correctaCopie el enlace a esta sección
1. Abra el depurador de los contenedores GTM web y servidor y haga clic a través de su sitio. Dentro del contenedor GTM web, debería ver que las etiquetas GA4 se activan; en el contenedor GTM servidor, debería ver las solicitudes GA4 reclamadas por las etiquetas GA4.
Si no ve solicitudes GA4 dentro del sGTM, compruebe que ha añadido correctamente la URL del servidor de etiquetado dentro de la etiqueta de configuración GA4 en el contenedor GTM web.
También puede abrir la consola del sitio web y comprobar las peticiones de GA4. El escenario correcto es cuando GA4 envía peticiones a la URL de su servidor de etiquetado. Puede comprobarlo filtrando las solicitudes por GA4 ID en la pestaña de red y asegurándose de que la URL de la solicitud contiene la URL de su servidor de etiquetado.
2. Otra forma es abrir el depurador GA4 y comprobar qué eventos y datos de usuario ve GA4.
Si los depuradores web + servidor GTM y Google Analytics 4 muestran datos correctos, publique la configuración.
Conclusión:Copie el enlace a esta sección
Implementar Google Analytics 4 del lado del servidor para Shopify es un método efectivo para mejorar la presencia online de su negocio. Ofrece muchas características interesantes que le permiten comprender y realizar un seguimiento del comportamiento del usuario con mayor precisión.
Con esta entrada de blog, la configuración de la conexión entre Google Analytics 4 y Shopify a través de la aplicación GTM servidor se puede lograr rápidamente. Los sencillos pasos descritos aquí hacen que este proceso sea fácil y eficiente.
Si lo hace, podrá aprovechar todas sus ventajas con el mínimo esfuerzo. ¿Por qué esperar? Comience a optimizar su tienda hoy - no dude en ponerse en contacto si necesita ayuda para entender o implementar cómo configurar Google Analytics 4 del lado del servidor para Shopify utilizando la aplicación server GTM.
¿Necesita ayuda con Shopify?
We've got you covered! Click Obtener ayuda, fill-up the form, and we will send you a quote.