SignalHost para Shopify: seguimiento del lado del servidor desde la primera vista de página hasta la compra

• Una tienda Shopify con tienda online. La aplicación funciona en el escaparate y en el checkout de Shopify.
• Una cuenta de SignalHost. El plan gratuito basta para probarlo: 10.000 solicitudes al mes y un contenedor. Puedes crear la cuenta durante la conexión.
• Permiso para instalar aplicaciones en el panel de control de Shopify.

Abre SignalHost: Server Tag Manager en la Shopify App Store e instálala. La aplicación solo pide dos permisos a Shopify: gestionar píxeles web y leer eventos de clientes. No pide acceso a tu tema ni a los datos de tus clientes. Una vez instalada, se abre en el panel de control de Shopify, en Aplicaciones.

La página de la aplicación ofrece «Conectar con SignalHost» y, si eres nuevo, «Crear una cuenta gratis». Cualquiera de los dos abre signalhost.io en una pestaña nueva; inicia sesión o regístrate allí.

La siguiente pantalla dice lo que la aplicación podrá hacer —añadir tu código de seguimiento a cada página de tu tienda, enviar sus eventos de carrito y de checkout al contenedor y leer el estado del contenedor— y lo que no puede hacer: leer los datos de contacto de tus clientes, usar tu cuenta de Google ni ver tu facturación. Después te pregunta qué contenedor debe usar la tienda. Un contenedor es tu propio servidor de etiquetado: un contenedor web y un contenedor de servidor de Tag Manager, construidos en tu propia cuenta de Google, así que siguen siendo tuyos.

Elige uno y pulsa «Conectar», o elige «Nuevo contenedor para tu tienda» y pulsa «Crear contenedor» para seguir el breve asistente. De vuelta en Shopify, la página de la aplicación se actualiza sola. Si muestra «Confirma la conexión», comprueba la cuenta y el contenedor que indica y pulsa «Confirmar conexión».

No hay código que pegar, ni tema que editar, ni nada que publicar. Cuando la tienda queda vinculada, SignalHost crea el píxel web de la aplicación y le da tu dirección de etiquetado y el ID de medición de Google Analytics 4 de tu contenedor. Shopify lo ejecuta en cada página del escaparate y en su checkout. La aplicación muestra «Ya casi está» mientras se construye un contenedor nuevo y después «El seguimiento está activo».

Abre tu tienda en una pestaña nueva, acepta el banner de cookies, mira un producto, añádelo al carrito e inicia el checkout. De vuelta en la aplicación, «Últimos 7 días» cuenta «Vistas de página», «Añadidos al carrito», «Pagos iniciados» y «Compras» en pocos minutos; «Actualizar estado» lee el estado más reciente.

«Abrir estadísticas y ajustes» abre tu contenedor en signalhost.io, donde, a partir del plan Growth, «Monitorización de eventos en directo» muestra cada evento en el momento en que llega, con su país, su navegador y su estado de consentimiento.

Shopify entrega sus propios eventos de clientes al píxel, y el píxel los convierte en eventos de Google Analytics 4:

• page_view, en las páginas del escaparate y del checkout
• view_item, view_item_list y search
• add_to_cart, remove_from_cart y view_cart
• begin_checkout, add_shipping_info y add_payment_info
• purchase, con importe, impuestos, envío y códigos de descuento

El píxel usa las cookies de Google Analytics del visitante, así que un evento del checkout pertenece al mismo visitante y a la misma sesión que la página de producto anterior. Cada solicitud sale del navegador en una forma que los bloqueadores de anuncios no reconocen, y tu servidor de etiquetado la reenvía a Google Analytics 4 y a las plataformas publicitarias que configures en la página del contenedor: Google Ads, Meta, TikTok y otras.

Shopify solo ejecuta el píxel cuando la elección de privacidad del visitante permite la analítica, así que el banner de cookies de Shopify decide a quién se cuenta; la elección sobre publicidad viaja con cada evento, para que tu contenedor de servidor pueda retener eventos y no enviarlos a las plataformas publicitarias. La aplicación nunca lee los datos de contacto de tus clientes.

El píxel envía sus eventos por sí mismo y no carga tu contenedor web de Tag Manager. Solo necesitas ese contenedor en el escaparate si tiene etiquetas propias, como una herramienta de mapas de calor o el seguimiento de desplazamiento y clics de GA4. En ese caso, abre «Opcional: carga tu propio contenedor de Tag Manager en todas las páginas» en la aplicación y pulsa «Activar en el editor de temas»; el editor de temas de Shopify se abre con SignalHost activado, y el cambio surte efecto cuando pulsas Guardar allí.

A partir de entonces, tu contenedor de Tag Manager envía las vistas de página en las páginas del escaparate y el píxel las omite allí, así que nada se cuenta dos veces. El ajuste del bloque «Use Shopify's cookie banner for Google Consent Mode» hace que las etiquetas esperen la respuesta del visitante; desactívalo solo si otra aplicación ya configura Google Consent Mode.

Tu contenedor empieza en una dirección bajo signalhost.io. En un plan de pago, «Configura tu propio dominio», en la página del contenedor, te guía para usar un subdominio del dominio de tu tienda, como metrics.tutienda.com, con un solo registro DNS. Los navegadores lo tratan como de primera parte, así que sus cookies cuentan como tuyas y los clics en anuncios siguen atribuidos. Cuando se activa, la aplicación cambia tu escaparate y tu checkout a él en pocos minutos. No hay nada que sustituir a mano.

Puedes poner SignalHost en una tienda Shopify sin la aplicación. En signalhost.io, abre tu contenedor, busca el fragmento en la tarjeta «Instalar en tu sitio» y pulsa «Copiar». Después, en Shopify, ve a Tienda online › Temas › ⋯ › Editar código, abre theme.liquid y pega el fragmento justo después de la etiqueta head de apertura. Si tu tema ya carga Google Tag Manager o una etiqueta de Google para la misma propiedad de Analytics, sustituye ese fragmento en lugar de añadir un segundo. Guarda, visita tu tienda y pulsa «Ya lo he hecho» en la página del contenedor.

Así se carga tu contenedor de Tag Manager en las páginas de tu tema, con las vistas de página y lo que tu tema envíe por sí mismo al dataLayer. Te pierdes lo que añade el píxel: el checkout de Shopify no ejecuta código del tema, así que los pasos del checkout y la compra nunca llegan a un fragmento de theme.liquid, y los eventos de producto y de carrito también salen del píxel. Cuando tu propio dominio se active, sustituyes tú el fragmento. Si instalas la aplicación más adelante, quita antes el fragmento, o cada vista de página se contará dos veces.

Una tienda conectada a través de la aplicación paga SignalHost a través de Shopify. «Planes y facturación», en la página de la aplicación, abre la página de Shopify para elegir o cambiar tu plan, y el cargo aparece en tu factura de Shopify. Una vez conectada, la aplicación también muestra las solicitudes de este mes frente al límite de tu plan.

Una cuenta tiene un solo pagador. Si tu cuenta de SignalHost ya paga con tarjeta, o la paga otra tienda Shopify, la aplicación lo indica y el plan de esta tienda no se usa; cancela uno de los dos para no pagar dos veces.

«Desconectar» está al pie de la página de la aplicación y pide que lo pulses una segunda vez. SignalHost quita entonces el píxel de la aplicación y los valores que lee el bloque del tema, y deja de cargarse en tu tienda en pocos minutos. Tu contenedor y sus estadísticas se quedan, y «Conectar con SignalHost» vuelve a vincular la tienda. En signalhost.io, Ajustes › Sitios conectados también muestra la tienda.

Si en cambio desinstalas la aplicación en Shopify, SignalHost marca la tienda como desconectada, y un plan pagado a través de Shopify termina con la aplicación: tu cuenta vuelve al plan gratuito.

• La aplicación se queda en «Ya casi está»: todavía se está construyendo un contenedor nuevo, lo que tarda unos minutos. Si la construcción falló, abre el contenedor para ver por qué.
• La aplicación dice que tu contenedor aún no tiene una propiedad de Google Analytics: abre el contenedor y añade una. Hasta entonces, el píxel no tiene adónde enviar datos.
• «Últimos 7 días» se queda en cero: abre la tienda real y acepta el banner de cookies. Shopify solo ejecuta el píxel para los visitantes cuya elección de privacidad permite la analítica.
• Con el bloque del tema activado, la aplicación dice que el código de seguimiento aparece dos veces o que todavía hay una copia anterior en tu tema: quita el fragmento que pegaste antes en theme.liquid.
• Has alcanzado el límite de tu plan: los eventos nuevos no se registran hasta la fecha que indica la aplicación, salvo que mejores tu plan.
• Cualquier otra cosa: escribe a hello@signalhost.io con la dirección de tu tienda.

SignalHost es un producto independiente de Algorithmo GmbH y no está afiliado a Shopify, Google, Meta ni TikTok, ni cuenta con su respaldo. Google Analytics, Google Ads y Google Tag Manager son marcas comerciales de Google LLC; Meta es una marca comercial de Meta Platforms, Inc.; TikTok es una marca comercial de ByteDance Ltd.; Shopify es una marca comercial de Shopify Inc.