SignalHost dla Framer: połącz wtyczkę, opublikuj raz i zobacz kod na działającej witrynie

• Witryna Framer, która została opublikowana co najmniej raz. Wtyczka potrzebuje adresu Twojej witryny do połączenia, a jeśli go jeszcze nie ma, najpierw poprosi Cię o publikację.
• Uprawnienia do edycji projektu Framer. Wtyczka zapisuje swoje połączenie w projekcie i zapisuje w kodzie niestandardowym witryny, a obie te czynności ich wymagają.
• Konto SignalHost. Do wypróbowania wystarczy plan darmowy: 10 000 żądań miesięcznie i jeden kontener. Konto możesz założyć w trakcie łączenia.

Znajdź SignalHost w Framer Marketplace i otwórz go w swoim projekcie. Otwiera się jako mały panel z jednym przyciskiem, „Connect with SignalHost”. Naciśnij go, a otworzy się okno przeglądarki z signalhost.io. Zaloguj się albo załóż darmowe konto.

Panel czeka, aż skończysz w tamtym oknie, i sam się aktualizuje. Jeśli zamknąłeś okno, „Open the window again” otworzy je ponownie. Po dziesięciu minutach bez odpowiedzi panel poprosi Cię o ponowną próbę.

Okno wymienia, co wtyczka będzie robić, a czego nie. Będzie dodawać kod śledzący na każdej stronie i dbać o jego aktualność, odczytywać stan kontenera i sprawdzać, czy Twoja opublikowana witryna zawiera kod, a gdy wylogujesz się w Framer, sama się odłączy. Nie może zmieniać niczego innego w Twojej witrynie, korzystać z Twojego konta Google ani widzieć Twoich rozliczeń.

Wybierz istniejący kontener albo wybierz „Nowy kontener dla …” i przejdź krótki kreator. Kontener to Twój własny serwer tagowania, zbudowany na Twoim własnym koncie Google, więc pozostaje Twój. Budowa nowego trwa kilka minut; możesz połączyć od razu, a wtyczka doda kod, gdy tylko kontener będzie gotowy. Naciśnij „Połącz”. Okno pokaże wtedy „Połączono — wróć do Framer” i możesz je zamknąć.

Po powrocie do Framer wtyczka sama odbierze połączenie, doda kod i poprosi Cię o opublikowanie witryny, aby śledzenie zaczęło działać.

Framer serwuje kod niestandardowy tylko na opublikowanej witrynie, więc dla Twoich odwiedzających nic się nie zmieni, dopóki nie opublikujesz. Panel pokazuje dwa kroki: „Tracking code added to every page” i „Publish your site to make it live”.

Opublikuj jak zawsze, a potem naciśnij w panelu „Check again”. SignalHost pobiera Twoją opublikowaną stronę główną i szuka na niej kodu. Gdy go znajdzie, drugi krok zmieni się na „Live on” z adresem Twojej witryny, a strona kontenera uzna instalację za zakończoną. Wtyczka nigdy nie publikuje sama.

Otwórz opublikowaną witrynę i rozejrzyj się przez chwilę. „Open SignalHost” w panelu przenosi Cię na stronę kontenera, gdzie zakładka „Ostatnie” w sekcji „Rozszerzona analityka” obejmuje ostatnie 30 minut, a „Uruchom sprawdzanie” na karcie „Rozwiązywanie problemów” liczy odsłony, które dotarły. Od planu Growth w górę „Monitorowanie zdarzeń na żywo” pokazuje też każde zdarzenie z nazwy w chwili nadejścia.

Jeden fragment kodu w kodzie niestandardowym Twojej witryny, na końcu sekcji head każdej strony: program ładujący Google Tag Manager, skierowany na Twój własny adres tagowania zamiast na googletagmanager.com. Ładuje stamtąd Twój kontener Tag Managera, a Twój tag Google wysyła przez niego odsłony.

Za każdym razem, gdy ktoś otworzy wtyczkę, porównuje ona ten kod z tym, czego potrzebuje Twój kontener, i zastępuje go, jeśli coś się zmieniło. Nie dotyka niczego innego i nie odczytuje Twoich treści, Twojego CMS ani danych Twoich odwiedzających. Nie dodaje też własnych zdarzeń: wszystko poza odsłonami, na przykład wysłanie formularza, dociera do Twojego kontenera, gdy Twoja witryna wypchnie to do warstwy danych.

Połączenie jest zapisane w projekcie, więc każda osoba edytująca projekt widzi to samo połączenie, a może ono odczytywać wartości instalacyjne tylko tego jednego kontenera i nic więcej.

Każde żądanie opuszcza przeglądarkę w postaci, której blokery reklam nie rozpoznają, a Twój serwer tagowania przekazuje je do Google Analytics 4 i platform reklamowych skonfigurowanych na stronie kontenera: Google Ads, Meta, TikToka i innych. Jeśli Twój baner cookie korzysta z Google Consent Mode, odwiedzający, który odmówi, jest liczony tylko jako sygnał Google bez plików cookie.

Twój kontener startuje pod adresem w signalhost.io. W planie płatnym przycisk „Skonfiguruj własną domenę” na stronie kontenera przeprowadzi Cię przez przejście na subdomenę Twojej własnej witryny, taką jak sgtm.twojastrona.pl, która przetrwa listy filtrów, a pliki cookie kliknięć pozostają na niej własnymi plikami cookie Twojej domeny.

Gdy domena zacznie działać, SignalHost wyśle Ci e-mail z nowym kodem. W Framer go nie wklejasz: otwórz wtyczkę, która sama zastąpi kod, i opublikuj. Do tego czasu stary adres działa dalej. Jeśli otworzysz wtyczkę i zapomnisz opublikować, pokaże „Publish again: your live site still has an older version”.

Ten sam kod możesz dodać bez wtyczki. Na stronie kontenera znajdź kod na karcie „Zainstaluj w witrynie” i naciśnij „Kopiuj”. W Framer otwórz Site Settings → General → Custom Code, wklej go tak, aby znalazł się na końcu sekcji head każdej strony, i opublikuj. Potem naciśnij „Zrobione” na stronie kontenera.

Z czego rezygnujesz: kod nie podąża już za Twoim kontenerem. Gdy Twój adres tagowania się zmieni, sam zastępujesz go nowym kodem, który SignalHost wyśle Ci e-mailem, i publikujesz ponownie. Nic też nie sprawdza, czy kod jest na Twojej działającej witrynie. Używaj jednego albo drugiego: przy połączonej również wtyczce kod byłby na każdej stronie dwa razy.

W sekcji „Ustawienia › Połączone witryny” witryna widnieje jako „Wtyczka Framer”, z czasem ostatniego kontaktu.

„Log out” na dole panelu i w menu wtyczki kończy połączenie w SignalHost i usuwa kod wtyczki z kodu niestandardowego Twojej witryny. Jak każda zmiana kodu niestandardowego, usunięcie dociera do odwiedzających przy następnej publikacji. Twój kontener i jego statystyki pozostają, a połączyć się ponownie możesz w każdej chwili.

„Odłącz” w „Połączonych witrynach” działa odwrotnie: wtyczka usuwa SignalHost z Twojej witryny, gdy ktoś następnym razem otworzy ją w Framer, a z działającej witryny kod znika przy następnej publikacji.

• Panel prosi o jednorazowe opublikowanie witryny przed połączeniem: witryna nie ma jeszcze opublikowanego adresu. Opublikuj ją, a potem naciśnij „Check again”.
• Panel mówi, że potrzebujesz uprawnień do edycji albo zgody na edycję kodu niestandardowego witryny: poproś właściciela projektu o uprawnienia do edycji.
• Twój kontener jest konfigurowany: wróć za kilka minut. Wtyczka doda kod, gdy tylko kontener będzie gotowy.
• Kod SignalHost jest wyłączony: ktoś wyłączył go w Site Settings → General → Custom Code. Włącz go tam z powrotem i opublikuj.
• Nie udało się odczytać Twojej działającej witryny: SignalHost nie mógł pobrać Twojej opublikowanej strony. Opublikuj, a potem naciśnij „Check again”.
• Ta witryna została odłączona w SignalHost: ktoś nacisnął „Odłącz” w „Połączonych witrynach”. Połącz ją ponownie, aby dalej śledzić.
• Nie udało się połączyć z SignalHost: spróbuj ponownie za chwilę.
• Coś innego: napisz na hello@signalhost.io i podaj adres swojej witryny.

SignalHost jest niezależnym produktem Algorithmo GmbH i nie jest powiązany z Framer, Google, Meta ani TikTok, ani przez nie popierany. Google Analytics, Google Ads i Google Tag Manager są znakami towarowymi Google LLC; Meta jest znakiem towarowym Meta Platforms, Inc.; TikTok jest znakiem towarowym ByteDance Ltd.; Framer jest znakiem towarowym Framer B.V.