Stape
Búsqueda
Pruébelo gratis

Server-side tagging para Shopify

Actualizado
12 jun 2024
Publicado
10 mar 2023
También disponible

¿Está buscando una manera fácil y rápida de configurar el etiquetado del lado del servidor de Shopify? No busque más allá de la aplicación server GTM para Shopify de Stape. Con nuestra aplicación, puede insertar fácilmente un script web de Google Tag Manager en el sitio web, configurar un dominio personalizado y un custom loader, enviar datos de usuario y de eventos de e-commerce a data layer y configurar webhooks. Todas estas funciones le ayudarán a que el seguimiento sea más preciso al prolongar la vida útil de las cookies, hacer que el seguimiento del navegador sea resistente a las tecnologías de prevención del seguimiento y enviar datos fiables a las plataformas de publicidad y marketing a través del punto final del servidor.

En esta entrada del blog, vamos a explorar cómo configurar e instalar la aplicación Stape para Shopify para que pueda utilizar estas potentes funciones de inmediato.

Ventajas de utilizar el etiquetado del lado del servidor para Shopify

Server-side tagging puede impulsar el éxito de sus campañas de marketing con un seguimiento preciso de las conversiones y un análisis de los usuarios. Sin embargo, para sacarle el máximo partido es necesaria una configuración meticulosa, algo que nadie debería pasar por alto.

Para hacer la implementación del etiquetado del lado del servidor lo más fácil posible, hemos creado una aplicación Server GTM Shopify. Esta aplicación es de uso gratuito y ayuda a configurar fácilmente el servidor contenedor de Google Tag Manager para la tienda Shopify. Pero primero, hablemos de los principales beneficios del etiquetado del lado del servidor para los sitios de Shopify.

1. Mayor precisión de los datos. el etiquetado del lado del servidor puede ayudar a garantizar una recopilación de datos más precisa al reducir el riesgo de pérdida de datos o errores causados por bloqueadores de anuncios, extensiones del navegador u otros factores del lado del cliente.

2. Atribución precisa de las conversiones. Gracias al aumento de la vida útil de las cookies y a los datos de usuario enviados a través del servidor, las redes publicitarias pueden atribuir con mayor precisión las conversiones a las campañas de marketing.

3. Mejora del rendimiento del sitio web. Con el etiquetado del lado del servidor, las etiquetas se cargan en el servidor en lugar de en el lado del cliente, lo que reduce la cantidad de código que debe cargarse en el navegador del usuario. Esto puede mejorar la velocidad de carga del sitio web, que es crucial para la experiencia del usuario y el SEO.

4. Mejora de la seguridad. El etiquetado del lado del servidor puede ayudar a mejorar la seguridad del sitio web al reducir el riesgo de filtración de datos u otras amenazas a la seguridad causadas por vulnerabilidades del lado del cliente.

Características de la aplicación Server GTM para Shopify de stape

El propósito de la aplicación GTM de servidor de stape es simplificar el proceso de configuración de Google Tag Manager de servidor y la entrega de datos a GTM de servidor. Nuestra aplicación puede funcionar tanto con el alojamiento stape.io para el servidor de Google Tag Manager como con cualquier otro, pero las funciones de cargador personalizado y cookie keeper del plugin solo funcionan cuando se utiliza el alojamiento stape.io.

1. Añada el script web Google Tag Manager en cada página del sitio web.

Active la casilla Insert GTM snippet y añada el ID de Google Tag Manager WEB. Una vez hecho esto, la aplicación stape insertará un script GTM web en cada página del sitio web.

Add web Google Tag Manager script onto every page of the website. 

2. Añada un dominio personalizado.

Es muy recomendable configurar un dominio personalizado para el servidor de etiquetado, ya que permite configurar cookies de origen. Cuando se utiliza un dominio predeterminado para el servidor GTM, las plataformas de seguimiento como Google Analytics establecerán cookies del dominio google-analytics.com. Se trata de cookies de terceros. En los navegadores con prevención de seguimiento inteligente, como Safari y Firefox, la vida útil de las cookies de terceros puede ser de un máximo de 7 días. Cuando Google Analytics utiliza un dominio personalizado, establece cookies de origen, que pueden durar hasta 2 años.

Para activar esta función, active la casilla de verificación y añada un dominio personalizado.  Siga esta guía para encontrar el identificador de contenedor Stape.

Add a custom domain

3. Añada un custom loader.

El Custom loader es una función de stape que hace que los scripts de Google Tag Manager y Google Analytics sean invisibles para los bloqueadores de anuncios. Sólo funcionará si utiliza el alojamiento stape.io para sGTM. Para habilitar el cargador personalizado, active la casilla de verificación y añada el identificador de contenedor de stape.

Add a custom loader

4. Añada eventos de e-commerce y datos de usuario a data layer.

data layer tab - shopify app by stape

Data layer activación:

  • Activar la 'Add ecommerce Data Layer events' casilla.
  • Guarda los cambios.
  • Copie el código del píxel personalizado en el cuadro inferior de la pestaña de capa de datos y siga las instrucciones para añadirlo y activarlo.

5. Enviar webhook a server GTM container.

Nota: el problema con los webhooks en Shopify es que no contienen ningún dato de cookies que es crucial para el seguimiento de cualquier plataforma, por lo que el uso de eventos webhook sólo se recomienda como último recurso si por alguna razón no se puede rastrear en línea.

En esta pestaña se configuran los eventos webhook.

webhook tab in shopify app by stape

Para activar un webhook es necesario activar la casilla de verificación, especificar la url del contenedor GTM del servidor y /ruta donde se deben enviar los webhooks.

Puede suscribirse a webhooks cuando se crea un nuevo pedido o cuando se realiza un reembolso en un pedido.

Aquí hay algunas entradas de blog útiles que tenemos sobre el uso y depuración de webhooks:

Cómo configurar el etiquetado del lado del servidor en su tienda Shopify

La configuración estándar del etiquetado del lado del servidor es sencilla con la aplicación Stape Server GTM para Shopify. La app le ayudará a implementar un script gtm.js modificado en la tienda Shopify, enviar datos a sGTM mediante webhooks y transmitir pushes de capa de datos al contenedor web.

Con el alojamiento de servidor de Google Tag Manager de stape.io, puede configurar fácilmente un servidor en la nube para el servidor de Google Tag Manager. Ofrecemos dos opciones de alojamiento sGTM: Alojamiento sGTM global y Alojamiento sGTM europeo. El alojamiento sGTM europeo se adapta a aquellos usuarios que no pueden transferir datos de usuario fuera de la UE y no pueden utilizar Google Cloud para ejecutar el contenedor del servidor de Google Tag Manager.

Estos son los pasos básicos necesarios para configurar el etiquetado del lado del servidor para Shopify:

3. Envíe los datos al servidor contenedor de Google Tag Manager. Hay tres formas más populares de hacerlo:

4. Configure el seguimiento dentro del contenedor de Google Tag Manager del servidor. La mayoría de las herramientas de marketing y análisis más populares ya admiten el etiquetado del lado del servidor y tienen etiquetas para sGTM. Puede encontrar guías en nuestro sitio para implementarlas, por ejemplo, Facebook CAPITikTok events APISnapChatGoogle Ads server-side trackingetc. Además, puede utilizar sGTM para enriquecer los datos de sGTM utilizando Firestore o Google Sheets. Otra función útil de sGTM es el envío de conversiones offline a Facebook y Adwords.

5. Instale la aplicación en su tienda.

Active el complemento en Sales channels → Online Store → Su tema activo → botón Customize → App embeds tab → activar Stape server GTM app y pulse Save.

Debugging a GTM download

Después de la activación o de cualquier cambio, se recomienda comprobar si su contenedor está realmente cargado en el sitio.

Para ello, vaya a cualquier página de su sitio, abra la consola de su navegador y en la pestaña de red introduzca el ID de su contenedor sin la parte 'GTM-'. Debería ver una solicitud con un estado de respuesta 200:

Debugging a GTM download

Debugging data layer checkout events

Con los eventos que ocurren antes de la página de pago todo funciona como en cualquier otra plataforma - puedes lanzar una vista previa de tu contenedor web GTM y encontrar allí todos los eventos que haces:

debugging data layer checkout events - stape

La única opción en Shopify para rastrear eventos en las páginas de pago es utilizar la API de píxeles de Shopify, por lo que los eventos de capa de datos y la instalación de GTM se implementan a través de esto en nuestra aplicación.

Pero debido a la forma en que está técnicamente implementado (todo el código de pixel api se renderiza como un iframe separado) - no puede ejecutar vistas previas de GTM en esas páginas, aunque técnicamente su contenedor GTM se cargará allí.

Así que desafortunadamente por el momento no puedes depurar tus eventos de compra en modo vista previa. Esta restricción también se aplica a los eventos de compra si utilizas Checkout Extensibility para la página de estado del pedido.

La única opción para depurar eventos de checkout en Shopify es publicar tu configuración o cambios en tus contenedores y comprobar las peticiones de red en la consola del navegador.

De esta forma puedes comprobar si todos los eventos que has configurado desaparecen y si contienen toda la carga útil que has configurado para ellos.

debugging checkout events in Shopify - stape

Para facilitar la búsqueda de solicitudes GTM, puede especificar la url o parte de la url de su contenedor de servidor en el filtro.

Conclusión:

Las posibilidades del etiquetado del lado del servidor se están expandiendo rápidamente, ofreciendo al usuario una gran herramienta para mejorar la precisión del seguimiento de conversiones y la analítica. Además, Stape intenta simplificar el uso de sGTM para nuestros clientes, por lo que lanzamos la app Server GTM para Shopify.

El servidor Stape GTM para Shopify es una herramienta fantástica con numerosas funciones y ventajas. Por ejemplo, puede configurar fácilmente el seguimiento en su sitio web añadiendo un script de Google Tag Manager y configurando su dominio y cargador personalizados. Además, puede enviar datos de usuario a la capa de datos y configurar webhooks.

Todas estas funciones contribuyen a que los datos de los análisis sean más precisos al prolongar la vida útil de las cookies y hacer que el rastreo del navegador sea resistente a las tecnologías de prevención del rastreo. Estas herramientas son esenciales para que la transmisión de datos a través del servidor a las plataformas de publicidad y marketing sea fiable.

Si está buscando una solución rápida y sencilla para configurar el etiquetado del lado del servidor de Shopify, Stape es el camino a seguir. Aproveche esta excelente solución hoy y coseche los beneficios de un seguimiento más preciso con la aplicación Stape Server GTM para Shopify. Pruébelo usted mismo ahora - ¡sabemos que no le decepcionará!

Etiquetado con:Shopify

Aloje su servidor GTM en Stape¡ahora mismo!