Torna al blog

Blog

SignalHost per Framer: collega il plugin, pubblica una volta e verifica che il sito online contenga il codice

Pubblicato · 6 min di lettura

Disponibile su Framer Marketplace

Il plugin SignalHost porta Google Tag Manager lato server su un sito Framer senza codice da copiare. Scrive il codice di tracciamento nel codice personalizzato del tuo sito, lo aggiorna ogni volta che apri il plugin e lo toglie di nuovo quando fai il logout. Questa guida percorre tutto nell’ordine in cui lo incontri: collegamento, pubblicazione, verifica del funzionamento e cosa fare quando qualcosa non va.

Prima di iniziare

  • Un sito Framer pubblicato almeno una volta. Il plugin ha bisogno dell’indirizzo del tuo sito per collegarsi, e se non c’è ancora ti chiede di pubblicare prima.
  • Accesso in modifica al progetto Framer. Il plugin salva il suo collegamento nel progetto e scrive nel codice personalizzato del sito, e per entrambe le cose serve questo accesso.
  • Un account SignalHost. Il piano gratuito basta per provarlo: 10.000 richieste al mese e un container. Puoi creare l’account durante il collegamento.

1. Apri il plugin e collegalo

Trova SignalHost nel Framer Marketplace e aprilo nel tuo progetto. Si apre come un piccolo pannello con un solo pulsante, «Connect with SignalHost». Premilo, e si apre una finestra del browser su signalhost.io. Accedi, oppure crea un account gratuito.

Il pannello attende mentre completi la procedura in quella finestra e si aggiorna da solo. Se hai chiuso la finestra, «Open the window again» la riapre. Dopo dieci minuti senza risposta, il pannello ti chiede di riprovare.

2. Scegli un container

La finestra elenca cosa farà e cosa non farà il plugin. Aggiungerà il codice di tracciamento a ogni pagina e lo manterrà aggiornato, leggerà lo stato del container e verificherà che il tuo sito pubblicato contenga il codice, e si disconnetterà da solo quando fai il logout in Framer. Non potrà modificare nient’altro sul tuo sito, usare il tuo account Google o vedere la tua fatturazione.

Scegli un container esistente, oppure scegli «Nuovo container per …» e segui la breve procedura guidata. Un container è il tuo server di tagging, costruito nel tuo account Google, così resta tuo. La costruzione di un nuovo container richiede qualche minuto; puoi collegarlo subito, e il plugin aggiunge il codice non appena il container è pronto. Premi «Collega». La finestra dice allora «Connesso — torna a Framer», e puoi chiuderla.

Tornato in Framer, il plugin recupera da solo il collegamento, aggiunge il codice e ti dice di pubblicare il sito per andare online.

3. Pubblica il tuo sito

Framer serve il codice personalizzato solo sul sito pubblicato, quindi per i tuoi visitatori non cambia nulla finché non pubblichi. Il pannello mostra due passaggi: «Tracking code added to every page» e «Publish your site to make it live».

Pubblica come fai sempre, poi premi «Check again» nel pannello. SignalHost recupera la tua home page pubblicata e cerca il codice. Quando lo trova, il secondo passaggio diventa «Live on» seguito dall’indirizzo del tuo sito, e la pagina del container considera completata l’installazione. Il plugin non pubblica mai da solo.

4. Provalo

Apri il tuo sito pubblicato e navigalo per qualche istante. «Open SignalHost» nel pannello ti porta alla pagina del container, dove la scheda «Recenti» di «Statistiche avanzate» copre gli ultimi 30 minuti, e «Esegui i controlli» sotto «Risoluzione dei problemi» conta le visualizzazioni di pagina arrivate. Dal piano Growth in su, «Monitoraggio eventi in tempo reale» mostra anche ogni evento per nome man mano che arriva.

Cosa aggiunge il plugin al tuo sito

Un solo frammento nel codice personalizzato del tuo sito, alla fine dell’head di ogni pagina: il loader di Google Tag Manager, puntato al tuo indirizzo di tagging invece che a googletagmanager.com. Carica da lì il tuo container Tag Manager, e il tuo tag Google vi invia le visualizzazioni di pagina.

Ogni volta che qualcuno apre il plugin, confronta quel codice con ciò che serve al tuo container e lo sostituisce se qualcosa è cambiato. Non tocca nient’altro e non legge i tuoi contenuti, il tuo CMS o i dati dei tuoi visitatori. Non aggiunge nemmeno eventi propri: tutto ciò che va oltre le visualizzazioni di pagina, come l’invio di un modulo, raggiunge il tuo container quando il tuo sito lo invia al data layer.

Il collegamento è salvato nel progetto, quindi ogni editor del progetto vede lo stesso, e può leggere i valori di installazione di questo solo container e nient’altro.

Ogni richiesta lascia il browser in una forma che gli ad blocker non riconoscono, e il tuo server di tagging la inoltra a Google Analytics 4 e alle piattaforme pubblicitarie che configuri nella pagina del container: Google Ads, Meta, TikTok e altre. Se il tuo banner dei cookie usa Google Consent Mode, un visitatore che rifiuta viene contato solo come ping senza cookie di Google.

Il tuo dominio di tracciamento

Il tuo container parte su un indirizzo sotto signalhost.io. Con un piano a pagamento, «Configura il tuo dominio» nella pagina del container ti guida a usare al suo posto un sottodominio del tuo sito, come sgtm.tuosito.com, che sopravvive alle liste di filtri e mantiene first-party i cookie dei clic.

Quando il dominio diventa attivo, SignalHost ti invia un’email con il nuovo codice. Su Framer non devi incollarlo: apri il plugin, che sostituisce il codice da solo, e pubblica. Fino ad allora il vecchio indirizzo continua a funzionare. Se apri il plugin e ti dimentichi di pubblicare, il pannello dice «Publish again: your live site still has an older version».

Aggiungere SignalHost a mano

Puoi aggiungere lo stesso codice anche senza il plugin. Nella pagina del container, trova il codice nella scheda «Installa sul tuo sito» e premi «Copia». In Framer apri Site Settings → General → Custom Code, incollalo in modo che finisca alla fine dell’head di ogni pagina e pubblica. Poi premi «Fatto» nella pagina del container.

A cosa rinunci: il codice non segue più il tuo container. Quando il tuo indirizzo di tagging cambia, lo sostituisci tu con il nuovo codice che SignalHost ti invia via email, e pubblichi di nuovo. E nulla verifica che sia presente sul tuo sito online. Usa l’uno o l’altro: con il plugin collegato in aggiunta, il codice sarebbe due volte su ogni pagina.

Gestione e disconnessione

Impostazioni › Siti collegati elenca il sito come «Plugin Framer», con il suo ultimo contatto.

«Log out», in fondo al pannello e nel menu del plugin, chiude il collegamento in SignalHost e rimuove il codice del plugin dal codice personalizzato del tuo sito. Come qualsiasi modifica al codice personalizzato, la rimozione raggiunge i visitatori con la tua pubblicazione successiva. Il tuo container e le sue statistiche restano, e puoi collegarti di nuovo in qualsiasi momento.

«Disconnetti» in Siti collegati funziona al contrario: il plugin rimuove SignalHost dal tuo sito la volta successiva che qualcuno lo apre in Framer, e il codice sparisce dal sito online con la pubblicazione successiva.

Quando qualcosa non funziona

  • Il pannello ti chiede di pubblicare il sito una volta prima di collegarlo: il sito non ha ancora un indirizzo pubblicato. Pubblicalo, poi premi «Check again».
  • Il pannello dice che ti serve l’accesso in modifica, o l’autorizzazione a modificare il codice personalizzato del sito: chiedi l’accesso in modifica al proprietario del progetto.
  • Il tuo container è in fase di configurazione: torna tra qualche minuto. Il plugin aggiunge il codice non appena il container è pronto.
  • Il codice SignalHost è disattivato: qualcuno lo ha spento in Site Settings → General → Custom Code. Riattivalo lì e pubblica.
  • Non è stato possibile leggere il tuo sito online: SignalHost non è riuscito a recuperare la tua pagina pubblicata. Pubblica, poi premi «Check again».
  • Questo sito è stato disconnesso in SignalHost: qualcuno ha premuto «Disconnetti» in Siti collegati. Collegalo di nuovo per continuare a tracciare.
  • Impossibile raggiungere SignalHost: riprova tra un momento.
  • Qualsiasi altra cosa: scrivi a hello@signalhost.io indicando l’indirizzo del tuo sito.

Marchi

SignalHost è un prodotto indipendente di Algorithmo GmbH e non è affiliato né approvato da Framer, Google, Meta o TikTok. Google Analytics, Google Ads e Google Tag Manager sono marchi di Google LLC; Meta è un marchio di Meta Platforms, Inc.; TikTok è un marchio di ByteDance Ltd.; Framer è un marchio di Framer B.V.

Smetti di perdere dati per gli ad blocker

Inizia gratis. Il primo container è pronto in pochi minuti.