SignalHost para Framer: conecta el plugin, publica una vez y comprueba que tu sitio publicado lleva el código

• Un sitio Framer que se haya publicado al menos una vez. El plugin necesita la dirección de tu sitio para conectarse, y si todavía no la hay, te pide que publiques primero.
• Acceso de edición al proyecto de Framer. El plugin guarda su conexión en el proyecto y escribe en el código personalizado del sitio, y ambas cosas lo necesitan.
• 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.

Busca SignalHost en el Framer Marketplace y ábrelo en tu proyecto. Se abre como un pequeño panel con un solo botón, «Connect with SignalHost». Púlsalo y se abre una ventana del navegador en signalhost.io. Inicia sesión o crea una cuenta gratuita.

El panel espera mientras terminas en esa ventana y se actualiza solo. Si cerraste la ventana, «Open the window again» la vuelve a abrir. Tras diez minutos sin respuesta, el panel te pide que lo intentes de nuevo.

La ventana enumera lo que el plugin hará y lo que no. Añadirá el código de seguimiento a cada página y lo mantendrá al día, leerá el estado del contenedor y comprobará que tu sitio publicado lleva el código, y se desconectará cuando cierres la sesión en Framer. No puede cambiar nada más de tu sitio, usar tu cuenta de Google ni ver tu facturación.

Elige un contenedor existente, o elige «Nuevo contenedor» y sigue el breve asistente. Un contenedor es tu propio servidor de etiquetado, construido en tu propia cuenta de Google, así que sigue siendo tuyo. Construir uno nuevo tarda unos minutos; puedes conectar enseguida, y el plugin añade el código en cuanto el contenedor está listo. Pulsa «Conectar». La ventana dice entonces «Conectado — vuelve a Framer», y puedes cerrarla.

De vuelta en Framer, el plugin recoge la conexión por sí mismo, añade el código y te dice que publiques tu sitio para activarlo.

Framer solo sirve el código personalizado en el sitio publicado, así que nada cambia para tus visitantes hasta que publiques. El panel muestra dos pasos: «Tracking code added to every page» y «Publish your site to make it live».

Publica como siempre y después pulsa «Check again» en el panel. SignalHost recupera tu página de inicio publicada y busca el código. Cuando lo encuentra, el segundo paso cambia a «Live on» seguido de la dirección de tu sitio, y la página del contenedor da la instalación por hecha. El plugin nunca publica por su cuenta.

Abre tu sitio publicado y navega un momento. «Open SignalHost», en el panel, te lleva a la página del contenedor, donde la pestaña «Reciente» de «Estadísticas ampliadas» abarca los últimos 30 minutos, y «Ejecutar comprobaciones», en «Solución de problemas», cuenta las vistas de página que han llegado. A partir del plan Growth, «Monitorización de eventos en directo» también muestra cada evento por su nombre en el momento en que llega.

Un fragmento de código en el código personalizado de tu sitio, al final del head de cada página: 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.

Cada vez que alguien abre el plugin, este compara ese código con lo que necesita tu contenedor y lo sustituye si algo ha cambiado. No toca nada más ni lee tu contenido, tu CMS o los datos de tus visitantes. Tampoco añade eventos propios: todo lo que va más allá de las vistas de página, como el envío de un formulario, llega a tu contenedor cuando tu sitio lo envía al dataLayer.

La conexión se guarda en el proyecto, así que todos los editores del proyecto ven la misma, y solo puede leer los valores de instalación de este contenedor y nada más.

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 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.

Cuando el dominio se activa, SignalHost te envía un correo electrónico con el código nuevo. En Framer no tienes que pegarlo: abre el plugin, que sustituye el código por sí solo, y publica. Hasta entonces, la dirección antigua sigue funcionando. Si abres el plugin y te olvidas de publicar, dice «Publish again: your live site still has an older version».

Puedes añadir el mismo código sin el plugin. En la página del contenedor, busca el código en la tarjeta «Instalar en tu sitio» y pulsa «Copiar». En Framer, abre Site Settings → General → Custom Code, pégalo de forma que quede al final del head de cada página y publica. Después pulsa «Ya lo he hecho» en la página del contenedor.

A qué renuncias: el código deja de seguir a tu contenedor. Cuando cambie tu dirección de etiquetado, lo sustituyes tú por el código nuevo que SignalHost te envía por correo electrónico y vuelves a publicar. Tampoco hay nada que compruebe si tu sitio publicado lo lleva. Usa una cosa u otra: con el plugin conectado además, el código estaría dos veces en cada página.

Ajustes › Sitios conectados muestra el sitio como «Plugin de Framer», con su último contacto.

«Log out», al pie del panel y en el menú del plugin, termina la conexión en SignalHost y quita el código del plugin del código personalizado de tu sitio. Como cualquier cambio en el código personalizado, la eliminación llega a los visitantes con tu siguiente publicación. Tu contenedor y sus estadísticas se quedan, y puedes volver a conectar cuando quieras.

«Desconectar» en «Sitios conectados» funciona al revés: el plugin quita SignalHost de tu sitio la próxima vez que alguien lo abre en Framer, y desaparece del sitio publicado con la siguiente publicación.

• El panel te pide que publiques tu sitio una vez antes de conectar: el sitio todavía no tiene una dirección publicada. Publícalo y pulsa «Check again».
• El panel dice que necesitas acceso de edición, o permiso para editar el código personalizado del sitio: pide acceso de edición al propietario del proyecto.
• Tu contenedor se está configurando: vuelve en unos minutos. El plugin añade el código en cuanto el contenedor está listo.
• El código de SignalHost está desactivado: alguien lo desactivó en Site Settings → General → Custom Code. Vuelve a activarlo allí y publica.
• «Could not read your live site»: SignalHost no pudo recuperar tu página publicada. Publica y pulsa «Check again».
• «This site was disconnected in SignalHost»: alguien pulsó «Desconectar» en «Sitios conectados». Vuelve a conectarlo para seguir midiendo.
• «SignalHost could not be reached»: inténtalo de nuevo en un momento.
• Cualquier otra cosa: escribe a hello@signalhost.io con la dirección de tu sitio.

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