Volver al blog

Blog

SignalHost para Squarespace: conecta la aplicación, pega el código una vez y envía cada pedido como una compra

Publicado · 7 min de lectura

SignalHost para Squarespace aún no está en Squarespace Extensions. Mientras tanto, puedes añadirlo a mano: Sin conectar la aplicación

La aplicación de SignalHost conecta un sitio Squarespace a Google Tag Manager del lado del servidor. Squarespace no permite que ninguna aplicación escriba el código de un sitio, así que la aplicación te da dos fragmentos cortos para pegar en Inserción de código, comprueba que el primero está en tu sitio y completa cada compra con sus productos y totales a partir de tus pedidos. Esta guía sigue el orden en que te lo encuentras: conectar, pegar, comprobar y qué hacer cuando algo no funciona.

Antes de empezar

  • Un sitio Squarespace con el plan Core, Plus o Advanced. El código va en Inserción de código, que los demás planes no tienen.
  • 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.
  • Un sitio público, para la comprobación. Un sitio en periodo de prueba o protegido con contraseña es privado, así que SignalHost todavía no puede verlo, y un sitio en periodo de prueba no puede aceptar pedidos.

1. Instala la extensión y apruébala

Instala SignalHost desde las extensiones de Squarespace. Squarespace te pide entonces que apruebes el acceso de la aplicación a tu sitio: leer tus pedidos, el único permiso que solicita. Apruébalo. Si en cambio lo rechazas, no se instala nada y una página de SignalHost te lo indica.

Después, Squarespace te lleva a SignalHost. Inicia sesión o crea una cuenta gratuita. También puedes empezar desde SignalHost: en la página de un contenedor, en «¿Usas un creador de sitios web?», el recuadro de Squarespace («Conectar y luego pegar el código») abre la misma pantalla de aprobación con ese contenedor ya elegido.

2. Conecta el sitio a un contenedor

La siguiente pantalla enumera lo que la aplicación hará y lo que no. Lee tus pedidos solo para enviar los productos y los totales de cada compra, nunca los datos de tus clientes, y no puede cambiar tu sitio, usar tu cuenta de Google ni ver tu facturación.

Elige el contenedor al que el sitio debe enviar sus datos, o elige «Nuevo contenedor» y sigue el breve asistente; se construye en tu propia cuenta de Google, así que sigue siendo tuyo. Construir uno tarda unos minutos, y el código para pegar aparece en cuanto está listo. Pulsa «Conectar».

3. Pega el código en Inserción de código

La pantalla que sigue a «Conectar», «Termina en Squarespace», contiene dos fragmentos de código, cada uno con un botón «Copiar». Se tarda unos dos minutos, y solo hay que hacerlo una vez.

  • «Pega en el campo “Encabezado”»: en Squarespace, abre Inserción de código, pega el primer fragmento en el campo «Encabezado» y guarda. Va en todas las páginas de tu sitio.
  • «Pega en las páginas de pedido»: pega el segundo fragmento tanto en el campo «Página de confirmación del pedido» como en el campo «Página de estado de los pedidos», y guarda. Squarespace usa la primera página para tarjetas regalo, membresías y suscripciones, y la segunda para productos físicos, digitales y de servicios, así que el mismo fragmento va en las dos. Un sitio que no vende nada puede omitir este.

La propia guía de Squarespace sobre la inserción de código muestra dónde están los campos. La misma tarjeta se queda en la página del contenedor, como «Termina la configuración en Squarespace», hasta que SignalHost encuentra el código en tu sitio, así que puedes volver a ella más tarde.

4. Comprueba que funciona

El tercer paso de la tarjeta, «Comprueba que funciona», es una revisión que hace SignalHost de tu página de inicio pública. Se ejecuta al conectar, una vez al día y cada vez que pulsas «Comprobar de nuevo». «Encontrado» significa que el código del «Encabezado» está en tu sitio. El fragmento de pedido no se puede comprobar así, porque las páginas de pedido solo existen después de una compra.

Después abre tu sitio y navega un momento. En la página del contenedor, la pestaña «Reciente» de «Estadísticas ampliadas» abarca los últimos 30 minutos, y a partir del plan Growth, «Monitorización de eventos en directo» muestra cada evento por su nombre en el momento en que llega. Tu primer pedido real aparece entre los eventos del contenedor como purchase.

Lo que hacen los dos fragmentos

A tu sitio no llega nada más que lo que pegas, y SignalHost no puede cambiarlo después.

  • El código del «Encabezado» es el cargador de Google Tag Manager, apuntando a tu propia dirección de etiquetado en lugar de a googletagmanager.com. Carga desde allí tu contenedor de Tag Manager, y tu etiqueta de Google envía a través de ella las vistas de página.
  • El fragmento de pedido se ejecuta una vez, en la primera visualización de la página de pedido. Pide a tu dirección de etiquetado los productos, los impuestos, el envío y el cupón del pedido, que SignalHost lee de Squarespace sin el nombre, el correo electrónico ni la dirección postal del cliente, y envía el pedido como purchase, con el número de pedido como ID de transacción. Si esa consulta no responde, envía igualmente el número de pedido y el total de Squarespace en la moneda de tu tienda.

La compra se envía desde el propio navegador del comprador, así que Google Analytics y Google Ads pueden atribuirla a la visita que llevó a ella. Un comprador que vuelve a la página de pedido no cuenta el mismo pedido dos veces, y si la página no lleva ya el cargador, el fragmento lo carga él mismo, nunca una segunda copia.

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. Si tu banner de cookies usa Google Consent Mode, un visitante que rechaza solo se cuenta como el ping sin cookies de Google.

Tu propio dominio de seguimiento

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 en su lugar un subdominio de tu propio sitio, como sgtm.tusitio.com, que sobrevive a las listas de filtros y mantiene de primera parte las cookies de los clics.

Como pegaste el código tú, el cambio también te toca a ti. Cuando el dominio se activa, SignalHost te envía el código nuevo por correo electrónico; el código antiguo sigue funcionando hasta que lo sustituyas. Tras la siguiente comprobación, o cuando pulses «Comprobar de nuevo», la tarjeta de Squarespace de la página del contenedor indica que hay una versión anterior y muestra los dos fragmentos con la dirección nueva. Sustituye los dos.

Sin conectar la aplicación

Puedes pegar el cargador sin la aplicación. En la página del contenedor, busca el código en la tarjeta «Instalar en tu sitio» y pulsa «Copiar». Pégalo en el campo «Encabezado» de Inserción de código como en el paso 3, y guarda. Después pulsa «Ya lo he hecho» en la página del contenedor.

A qué renuncias: al fragmento de pedido, que SignalHost solo entrega a un sitio conectado porque su consulta de productos lee el pedido a través de la aplicación, así que no se envía ninguna compra; y a la comprobación de tu sitio público. Si conectas la aplicación más adelante, su código del «Encabezado» es el mismo, así que solo añades el fragmento de pedido.

Gestionar y desconectar

Ajustes › Sitios conectados muestra el sitio como «App de Squarespace». «Desconectar» pide confirmación una vez y después SignalHost deja de leer tus pedidos. No puede quitar lo que pegaste: el código sigue cargándose hasta que lo borres en Inserción de código, y hasta entonces las compras llegan con su número de pedido y su total, pero sin sus productos. Tu contenedor y sus estadísticas se quedan, y puedes volver a conectar el sitio cuando quieras.

Desinstalar la extensión en Squarespace termina la conexión del mismo modo, y el código pegado se queda hasta que lo quites.

Cuando algo no funciona

  • «Aún no se encuentra en tu sitio»: pega el código del «Encabezado», guarda y pulsa «Comprobar de nuevo». Si no tienes Inserción de código donde pegarlo, tu plan no la incluye; necesitas Core, Plus o Advanced.
  • La comprobación dice que tu sitio es privado: un sitio en periodo de prueba o con contraseña todavía no se puede revisar. El código funciona en cuanto el sitio sea público.
  • «Tu contenedor se está configurando»: el código aparece en la tarjeta en unos minutos. Si la construcción falló, la tarjeta lo indica; abre el contenedor para volver a intentarlo.
  • «El acceso a Squarespace ha terminado»: SignalHost ya no puede leer tus pedidos, así que las compras llegan sin sus productos. Pulsa «Volver a conectar» en la tarjeta.
  • «Este enlace de conexión no funciona»: empieza de nuevo desde Squarespace, abre la extensión de SignalHost y conecta tu sitio.
  • Cualquier otra cosa: escribe a hello@signalhost.io con la dirección de tu sitio.

Marcas comerciales

SignalHost es un producto independiente de Algorithmo GmbH y no está afiliado a Squarespace, 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.; Squarespace es una marca comercial de Squarespace, Inc.

Deja de perder datos por los bloqueadores

Empiece gratis. Su primer contenedor estará listo en minutos.