Etiquetado del lado del servidor para Shopify

Ivanna Holubovska

Ivanna Holubovska

Autor
Actualizado
12 jun 2026
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 cargador personalizado, enviar datos de usuario y de eventos de comercio electrónico a la capa de datos 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, exploraremos cómo configurar e instalar la aplicación Stape para Shopify para que pueda utilizar estas poderosas funciones de inmediato.

Beneficios de usar el etiquetado del lado del servidor para Shopify

El etiquetado del lado del servidor puede disparar el éxito de sus campañas de marketing con un seguimiento preciso de las conversiones y análisis de usuarios. Sin embargo, sacar el máximo provecho requiere una configuración meticulosa - algo que nadie debe pasar por alto.

Para hacer la implementación del etiquetado del lado del servidor lo más fácil posible, hemos creado la aplicación Server GTM Shopify. Esta app es de uso gratuito y ayuda a configurar fácilmente el contenedor del servidor 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. Debido al aumento de la vida útil de las cookies y 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, lo que es crucial para la experiencia del usuario y el SEO.

4. Mayor 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 causadas por vulnerabilidades del lado del cliente.

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

Paso 1. Configure el contenedor de servidor de Google Tag Manager en Stape

Expanda el elemento desplegable a continuación para consultar la guía detallada.

Paso 2. Añada y configure la aplicación Stape Conversion Tracking para Shopify

2.1 Instale la aplicación Stape Conversion Tracking en su tienda.

La aplicación de seguimiento de conversiones de Stape para Shopify se puede instalar de forma gratuita desde el marketplace de Shopify.

Aplicación de Stape Conversion Tracking en la tienda de Shopify

2.2 Configure la pestaña General

En la pestaña General encontrará todos los ajustes relacionados con la inserción del fragmento de GTM en todas las páginas de su tienda Shopify de forma resistente a bloqueadores de anuncios, ITP y limitaciones de duración de cookies.

Configuración de la pestaña «General»
  • Use Shopify Markets

Marque esta casilla si dispone de varios mercados en Shopify. Con esta función podrá configurar la inserción de GTM de forma independiente para cada mercado. Si la función está desactivada, todos los mercados utilizan la configuración predeterminada.

Al activarla, verá los campos que debe configurar para cada mercado:

  • Insert GTM: si está marcado, el fragmento de GTM se añade a todas las páginas del sitio web.
ID del contenedor en GTM
  • Customer privacy API: si está activado, la aplicación retrasa la carga de GTM hasta que el visitante acepte las cookies a través del banner Customer Privacy de Shopify. Esta opción no se recomienda de forma predeterminada.
  • Custom domain, Stape container ID y Cookie Keeper: estos campos están asociados al seguimiento del lado del servidor; configúrelos si utiliza o tiene previsto utilizar la configuración server-side. A continuación explicamos dónde encontrar los valores de cada campo.
GTM injection config
  • GTM web container ID

Especifique aquí el ID de su contenedor web de GTM.

ID del contenedor web en GTM
  • Custom domain

Es fundamental utilizar su propio subdominio para que las cookies de origen funcionen correctamente y el seguimiento en general sea fiable. Si aún no ha añadido un subdominio a su contenedor de sGTM, siga la guía sobre dominios personalizados para hacerlo.

  • Custom Loader

Se recomienda encarecidamente su uso para aumentar la protección frente a bloqueadores de anuncios.

Active la casilla correspondiente y especifique su identificador de contenedor de Stape. Para encontrarlo, inicie sesión en su cuenta de Stape, seleccione el contenedor de sGTM y localice el identificador del contenedor en la sección Settings.

Identificador del contenedor en la sección «Configuración»
  • Cookie Keeper

Esta función le permite minimizar el impacto de las últimas restricciones ITP. Antes de activarla a través de la aplicación, asegúrese de haberla habilitado en Stape dentro de su contenedor. Para configurar Cookie Keeper, haga clic en el elemento desplegable y siga las instrucciones:

  • GTM snippet block

Aquí puede obtener el fragmento de GTM para instalarlo en páginas que están fuera de su tema de Shopify (como páginas creadas por aplicaciones de terceros como Zipify).

2.3 Configure la pestaña Data Layer

En la pestaña Data Layer encontrará los eventos de capa de datos que puede activar y configurar. El segundo cuadro le permite controlar si los nombres de los eventos reciben el sufijo _stape para evitar conflictos en GTM. Si está desactivado, los eventos conservan sus nombres originales.

Pestaña "Data Layer"

Activación de Data Layer:

  • Active la casilla Add ecommerce Data Layer events.
  • Guarde los cambios.
  • Copie el código del pixel personalizado que aparece en el cuadro inferior de la pestaña Data Layer y siga las instrucciones para añadirlo y activarlo.

En la sección Customer privacy, bajo el desplegable de permisos, asegúrese de seleccionar Not required. El fragmento de código únicamente genera la capa de datos; no establece ninguna cookie ni reporta datos a terceros.

En la pestaña Data Layer también encontrará la opción Log events to console (Dev), una herramienta de depuración para desarrolladores y administradores de tiendas. Cuando está activada, registra los eventos de ecommerce en la consola del navegador, muestra las cargas útiles de los eventos enviados al contenedor de servidor GTM/Stape para su verificación y facilita la depuración de las capas de datos.

Esta opción es únicamente para desarrollo y debe desactivarse en producción para evitar registros innecesarios en la consola.

Casilla de verificación "Log events to console (Dev)"

2.4 Configure la pestaña Webhooks

Los eventos de webhook se configuran en la pestaña Webhook.

Nota: el problema con los webhooks en Shopify es que no contienen datos de cookies, que son fundamentales para el seguimiento en cualquier plataforma, por lo que se recomienda utilizar eventos de webhook únicamente como último recurso si, por alguna razón, no puede rastrearlos de forma online.

En esta pestaña se configuran los eventos de webhook.

Pestaña "Webhook"

Para activar un webhook, active la casilla correspondiente, especifique la URL del contenedor de servidor de GTM y la ruta /path a la que deben enviarse los webhooks.

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

Aquí encontrará algunas entradas de blog útiles sobre el uso y la depuración de webhooks:

2.5 La pestaña Customer Match

Omita la configuración de esta pestaña si no ejecuta campañas en Google Ads o no utiliza listas de Customer Match.

Paso 3. Envíe datos al contenedor de servidor de Google Tag Manager

Hay dos métodos más habituales para hacerlo:

Paso 4. Configure el seguimiento dentro del contenedor de servidor de Google Tag Manager

La mayoría de las herramientas de marketing y analítica más populares ya admiten el etiquetado del lado del servidor y disponen de etiquetas para sGTM. En nuestro sitio encontrará guías para implementarlas: Facebook CAPI, TikTok Events API, Snapchat Conversions API, seguimiento del lado del servidor de Google Ads, etc.

Paso 5. Pruebe la configuración de la aplicación

Depuración de la descarga de GTM

Después de activar el contenedor o de realizar cualquier cambio, se recomienda comprobar que el contenedor se ha cargado correctamente en el sitio.

Para ello, vaya a cualquier página de su sitio, abra la consola del navegador y, en la pestaña de red, filtre por la URL de su subdominio o servidor de etiquetado. Debería ver una solicitud como la de la captura de pantalla siguiente con el estado de respuesta 200.

Pestaña «Network» en la consola del navegador

Depuración de eventos de la capa de datos en el checkout

Con los eventos que ocurren antes de la página de checkout, todo funciona como en cualquier otra plataforma: puede iniciar el modo preview de su contenedor web de GTM y ver todos los eventos.

Eventos en el modo de vista previa web de GTM

Los eventos de checkout no se mostrarán en GTM Preview debido al entorno aislado de estas páginas, que bloquea la manipulación del DOM y la inyección de scripts sin restricciones, incluido el fragmento de GTM.

Sin embargo, puede insertar manualmente el fragmento en la página de checkout utilizando la extensión de Chrome Stape GTM Helper:

  1. Después de iniciar el Modo Preview en GTM, active el interruptor Shopify Sandbox dataLayer en la pestaña Settings de la extensión.
  2. En la pestaña Inject GTM, haga clic en Enable injection, añada su nombre de dominio y su GTM ID. Guarde los cambios.
Insertar el fragmento de código en la página de pago manualmente

Ahora los eventos de la página de checkout aparecerán en GTM Preview.

Eventos de la página de pago en el modo de vista previa de GTM web

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, en Stape intentamos simplificar el uso de sGTM para nuestros clientes, por lo que lanzamos la aplicación Conversion Tracking para Shopify

Conversion Tracking para Shopify de Stape es una herramienta fantástica con numerosas características 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 la transmisión fiable de datos a través del punto final del servidor a las plataformas de publicidad y marketing. 

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 Conversion Tracking para Shopify de Stape. Pruébela usted mismo ahora - ¡sabemos que no le decepcionará!

¿Listo para probar el etiquetado en el servidor?

Haga clic en Pruébelo gratis , y configure su instalación con Stape en un abrir y cerrar de ojos.

Pruébelo gratis
author

Ivanna Holubovska

Author

Ivanna es Gerente de Contenido en Stape y autora certificada en Clutch y KyivPost. Escribe sobre seguimiento server-side para optimizar estrategias y analíticas.

Comentarios

Pruebe Stape para todo del lado del servidor