SignalHost für Framer: Plugin verbinden, einmal veröffentlichen und den Code auf der Live-Website sehen

• Eine Framer-Website, die mindestens einmal veröffentlicht wurde. Das Plugin braucht die Adresse deiner Website zum Verbinden und bittet dich, zuerst zu veröffentlichen, wenn es noch keine gibt.
• Bearbeitungsrechte für das Framer-Projekt. Das Plugin speichert seine Verbindung im Projekt und schreibt in den Custom Code der Website, und beides setzt diese Rechte voraus.
• Ein SignalHost-Konto. Zum Ausprobieren reicht der kostenlose Tarif: 10.000 Anfragen pro Monat und ein Container. Du kannst das Konto auch beim Verbinden anlegen.

Suche SignalHost im Framer Marketplace und öffne es in deinem Projekt. Es öffnet sich als kleines Panel mit einer einzigen Schaltfläche, „Connect with SignalHost“. Klicke darauf, und ein Browserfenster mit signalhost.io öffnet sich. Melde dich an oder erstelle ein kostenloses Konto.

Das Panel wartet, während du in diesem Fenster fertig wirst, und aktualisiert sich von selbst. Hast du das Fenster geschlossen, holt „Open the window again“ es zurück. Kommt nach zehn Minuten keine Antwort, bittet dich das Panel, es noch einmal zu versuchen.

Das Fenster zeigt, was das Plugin tun wird und was nicht. Es fügt den Tracking-Code auf jeder Seite ein und hält ihn aktuell, liest den Status des Containers, prüft, ob deine veröffentlichte Website den Code enthält, und trennt sich selbst, wenn du dich in Framer abmeldest. Sonst kann es nichts an deiner Website ändern, und es kann weder dein Google-Konto nutzen noch deine Abrechnung sehen.

Wähle einen vorhandenen Container oder wähle „Neuer Container für …“ und durchlaufe den kurzen Assistenten. Ein Container ist dein eigener Tagging-Server, angelegt in deinem eigenen Google-Konto, damit er dir gehört. Die Einrichtung eines neuen Containers dauert einige Minuten; du kannst sofort verbinden, und das Plugin fügt den Code ein, sobald der Container bereit ist. Klicke auf „Verbinden“. Das Fenster zeigt dann „Verbunden – zurück zu Framer“, und du kannst es schließen.

Zurück in Framer holt sich das Plugin die Verbindung von selbst ab, fügt den Code ein und weist dich darauf hin, dass du deine Website veröffentlichen musst, damit er live geht.

Framer liefert Custom Code nur auf der veröffentlichten Website aus, für deine Besucher ändert sich also nichts, bis du veröffentlichst. Das Panel zeigt zwei Schritte: „Tracking code added to every page“ und „Publish your site to make it live“.

Veröffentliche wie gewohnt und klicke dann im Panel auf „Check again“. SignalHost ruft deine veröffentlichte Startseite ab und sucht nach dem Code. Findet es ihn, wechselt der zweite Schritt zu „Live on“ mit der Adresse deiner Website, und die Container-Seite zählt die Installation als erledigt. Das Plugin veröffentlicht nie von selbst.

Öffne deine veröffentlichte Website und sieh dich kurz um. „Open SignalHost“ im Panel führt dich zur Container-Seite. Dort zeigt der Tab „Aktuell“ der „Erweiterten Statistik“ die letzten 30 Minuten, und „Prüfung starten“ unter „Fehlersuche“ zählt die eingetroffenen Seitenaufrufe. Ab dem Tarif Growth zeigt „Live-Ereignisse“ außerdem jedes Ereignis mit seinem Namen, sobald es eintrifft.

Ein einziges Stück Code im Custom Code deiner Website, am Ende des Head-Bereichs jeder Seite: den Loader von Google Tag Manager, ausgerichtet auf deine eigene Tagging-Adresse statt auf googletagmanager.com. Er lädt deinen Tag-Manager-Container von dort, und dein Google-Tag sendet die Seitenaufrufe darüber.

Jedes Mal, wenn jemand das Plugin öffnet, vergleicht es diesen Code mit dem, was dein Container braucht, und ersetzt ihn, wenn sich etwas geändert hat. Es fasst nichts anderes an und liest weder deine Inhalte noch dein CMS oder die Daten deiner Besucher. Eigene Ereignisse fügt es auch nicht hinzu: Alles über Seitenaufrufe hinaus, etwa ein abgesendetes Formular, erreicht deinen Container, wenn deine Website es in den dataLayer schreibt.

Die Verbindung ist im Projekt gespeichert, daher sieht jede Person, die das Projekt bearbeitet, dieselbe Verbindung. Sie kann die Installationswerte dieses einen Containers lesen und sonst nichts.

Jede Anfrage verlässt den Browser in einer Form, die Werbeblocker nicht erkennen, und dein Tagging-Server leitet sie an Google Analytics 4 und an die Werbeplattformen weiter, die du auf der Container-Seite eingerichtet hast: Google Ads, Meta, TikTok und andere. Nutzt dein Cookie-Banner Google Consent Mode, wird ein Besucher, der ablehnt, nur als cookieloser Ping von Google gezählt.

Dein Container startet mit einer Adresse unter signalhost.io. In einem kostenpflichtigen Tarif führt dich „Eigene Domain einrichten“ auf der Container-Seite stattdessen zu einer Subdomain deiner eigenen Website, etwa sgtm.deine-website.de. Sie übersteht Filterlisten und hält Klick-Cookies First-Party.

Wenn die Domain live geht, schickt dir SignalHost eine E-Mail mit dem neuen Code. Auf Framer fügst du ihn nicht selbst ein: Öffne das Plugin, das den Code von selbst ersetzt, und veröffentliche. Bis dahin funktioniert die alte Adresse weiter. Öffnest du das Plugin und vergisst das Veröffentlichen, zeigt es „Publish again: your live site still has an older version“.

Du kannst denselben Code auch ohne das Plugin einbinden. Suche auf der Container-Seite den Code in der Karte „Auf deiner Website einbinden“ und klicke auf „Kopieren“. Öffne in Framer Site Settings → General → Custom Code, füge ihn so ein, dass er am Ende des Head-Bereichs jeder Seite steht, und veröffentliche. Klicke dann auf der Container-Seite auf „Snippet eingefügt“.

Darauf verzichtest du: Der Code folgt deinem Container nicht mehr. Ändert sich deine Tagging-Adresse, ersetzt du ihn selbst durch den neuen Code, den dir SignalHost per E-Mail schickt, und veröffentlichst erneut. Auch prüft nichts, ob der Code auf deiner Live-Website steht. Nutze das eine oder das andere: Mit zusätzlich verbundenem Plugin stünde der Code zweimal auf jeder Seite.

Unter Einstellungen, Verbundene Websites steht die Website als „Framer-Plugin“, mit ihrer letzten Rückmeldung.

„Log out“ unten im Panel und im Menü des Plugins beendet die Verbindung in SignalHost und entfernt den Code des Plugins aus dem Custom Code deiner Website. Wie jede Änderung am Custom Code erreicht das Entfernen deine Besucher mit der nächsten Veröffentlichung. Dein Container und seine Statistiken bleiben erhalten, und du kannst jederzeit wieder verbinden.

„Trennen“ unter „Verbundene Websites“ funktioniert andersherum: Das Plugin entfernt SignalHost von deiner Website, sobald jemand es das nächste Mal in Framer öffnet, und von der Live-Website verschwindet es mit der nächsten Veröffentlichung.

• Das Panel bittet dich, deine Website vor dem Verbinden einmal zu veröffentlichen: Die Website hat noch keine veröffentlichte Adresse. Veröffentliche sie und klicke dann auf „Check again“.
• Das Panel meldet, dass du Bearbeitungsrechte brauchst oder die Berechtigung, den Custom Code der Website zu bearbeiten: Bitte die Person, der das Projekt gehört, um Bearbeitungsrechte.
• Dein Container wird eingerichtet: Schau in ein paar Minuten wieder vorbei. Das Plugin fügt den Code ein, sobald der Container bereit ist.
• Der SignalHost-Code ist ausgeschaltet: Jemand hat ihn unter Site Settings → General → Custom Code abgeschaltet. Schalte ihn dort wieder ein und veröffentliche.
• Deine Live-Website konnte nicht gelesen werden: SignalHost konnte deine veröffentlichte Seite nicht abrufen. Veröffentliche und klicke dann auf „Check again“.
• Diese Website wurde in SignalHost getrennt: Jemand hat unter „Verbundene Websites“ auf „Trennen“ geklickt. Verbinde sie erneut, damit das Tracking weiterläuft.
• SignalHost war nicht erreichbar: Versuche es gleich noch einmal.
• Alles andere: Schreib an hello@signalhost.io und nenne die Adresse deiner Website.

SignalHost ist ein unabhängiges Produkt der Algorithmo GmbH. Es steht in keiner Verbindung zu Framer, Google, Meta oder TikTok und wird von diesen nicht unterstützt. Google Analytics, Google Ads und Google Tag Manager sind Marken der Google LLC; Meta ist eine Marke der Meta Platforms, Inc.; TikTok ist eine Marke der ByteDance Ltd.; Framer ist eine Marke der Framer B.V.