Blog
SignalHost dla Shopify: śledzenie po stronie serwera od pierwszej odsłony do zakupu
Opublikowano · 6 min czytania
Aplikacja SignalHost daje sklepowi Shopify Google Tag Manager po stronie serwera bez edycji motywu i bez kodu. Gdy ją połączysz, SignalHost tworzy w Twoim sklepie piksel internetowy, który wysyła odsłony, koszyki, każdy krok kasy i zakupy do Twojego własnego serwera tagowania, a ten przekazuje je do Google Analytics 4 i Twoich platform reklamowych. Ten poradnik omawia instalację, łączenie, testowanie, opcjonalne osadzenie w motywie i to, co zrobić, gdy coś nie działa.
Zanim zaczniesz
- Sklep Shopify z aktywnym sklepem internetowym. Aplikacja działa w jego witrynie sklepowej i w kasie Shopify.
- 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.
- Uprawnienia do instalowania aplikacji w panelu administracyjnym Shopify.
1. Zainstaluj aplikację
Otwórz SignalHost: Server Tag Manager w Shopify App Store i zainstaluj ją. Aplikacja prosi Shopify tylko o dwa uprawnienia: do zarządzania pikselami internetowymi i do odczytu zdarzeń klientów. Nie prosi o żaden dostęp do Twojego motywu ani do danych Twoich klientów. Po instalacji otwiera się w panelu administracyjnym Shopify w sekcji Apps.
2. Połącz sklep z kontenerem
Strona aplikacji oferuje przycisk „Połącz z SignalHost”, a jeśli jesteś tu nowy, także „Załóż darmowe konto”. Każdy z nich otwiera signalhost.io w nowej karcie; tam zaloguj się lub zarejestruj.
Następny ekran mówi, co aplikacja będzie mogła robić — dodawać Twój kod śledzący na każdej stronie Twojego sklepu, wysyłać do kontenera jego zdarzenia koszyka i kasy oraz odczytywać status kontenera — a czego nie: odczytywać danych kontaktowych Twoich klientów, korzystać z Twojego konta Google ani widzieć Twoich rozliczeń. Następnie pyta, którego kontenera ma używać sklep. Kontener to Twój własny serwer tagowania: kontener internetowy i kontener serwerowy Tag Managera, zbudowane na Twoim własnym koncie Google, więc pozostają Twoje.
Wybierz jeden i naciśnij „Połącz” albo wybierz pozycję „Nowy kontener dla …” z adresem Twojego sklepu i naciśnij „Utwórz kontener”, aby przejść krótki kreator. Po powrocie do Shopify strona aplikacji sama się zaktualizuje. Jeśli pokaże „Potwierdź połączenie”, sprawdź wymienione tam konto i kontener i naciśnij przycisk „Potwierdź połączenie”.
3. Śledzenie rusza samo
Nie ma kodu do wklejenia, motywu do edycji ani niczego do opublikowania. Gdy sklep jest połączony, SignalHost tworzy piksel internetowy aplikacji i przekazuje mu Twój adres tagowania oraz identyfikator pomiaru Google Analytics 4 Twojego kontenera. Shopify uruchamia go na każdej stronie witryny sklepu i w swojej kasie. Podczas budowy nowego kontenera aplikacja pokazuje „Prawie gotowe”, a potem „Śledzenie działa”.
4. Przetestuj
Otwórz swój sklep w nowej karcie, zaakceptuj baner cookie, obejrzyj produkt, dodaj go do koszyka i rozpocznij realizację zamówienia. Po powrocie do aplikacji sekcja „Ostatnie 7 dni” w ciągu kilku minut liczy „Odsłony”, „Dodania do koszyka”, „Przejścia do kasy” i „Zakupy”; „Odśwież status” odczytuje najnowszy stan.
„Otwórz statystyki i ustawienia” otwiera Twój kontener na signalhost.io, gdzie od planu Growth w górę sekcja „Monitorowanie zdarzeń na żywo” wyświetla każde zdarzenie w chwili nadejścia, wraz z krajem, przeglądarką i stanem zgody.
Co wysyła aplikacja
Shopify przekazuje pikselowi własne zdarzenia klientów, a piksel zamienia je na zdarzenia Google Analytics 4:
- page_view, na stronach witryny sklepu i kasy
- view_item, view_item_list i search
- add_to_cart, remove_from_cart i view_cart
- begin_checkout, add_shipping_info i add_payment_info
- purchase, z wartością, podatkiem, wysyłką i kodami rabatowymi
Piksel korzysta z plików cookie Google Analytics odwiedzającego, więc zdarzenie kasy należy do tego samego odwiedzającego i tej samej sesji co wcześniejsza strona produktu. 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.
Shopify uruchamia piksel tylko wtedy, gdy wybór prywatności odwiedzającego pozwala na analitykę, więc to baner cookie Shopify decyduje, kto jest liczony; wybór dotyczący reklam podróżuje z każdym zdarzeniem, więc Twój kontener serwerowy może zatrzymać zdarzenia przed platformami reklamowymi. Aplikacja nigdy nie odczytuje danych kontaktowych Twoich klientów.
Opcjonalnie: własny kontener Tag Managera na każdej stronie
Piksel wysyła zdarzenia sam i nie ładuje Twojego kontenera internetowego Tag Managera. Ten kontener jest Ci potrzebny w witrynie sklepu tylko wtedy, gdy ma własne tagi, na przykład narzędzie do map cieplnych albo śledzenie przewijania i kliknięć GA4. Wtedy otwórz w aplikacji sekcję „Opcjonalnie: wczytuj własny kontener Tag Managera na każdej stronie” i naciśnij „Włącz w edytorze motywów”; otworzy się edytor motywów Shopify z włączonym SignalHost, a zmiana zacznie obowiązywać, gdy naciśniesz tam „Zapisz”.
Twój kontener Tag Managera wysyła wtedy odsłony na stronach witryny sklepu, a piksel je tam pomija, więc nic nie jest liczone dwukrotnie. Ustawienie osadzenia „Use Shopify's cookie banner for Google Consent Mode” sprawia, że tagi czekają na odpowiedź odwiedzającego; wyłącz je tylko wtedy, gdy inna aplikacja już ustawia Google Consent Mode.
Twoja własna domena śledząca
Twój kontener startuje pod adresem w signalhost.io. W planie płatnym przycisk „Skonfiguruj własną domenę” na stronie kontenera przeprowadzi Cię przez konfigurację subdomeny domeny Twojego sklepu, takiej jak metrics.twojsklep.pl, za pomocą jednego rekordu DNS. Przeglądarki traktują ją jako domenę własną, więc jej pliki cookie liczą się jako Twoje, a kliknięcia reklam pozostają przypisane. Gdy domena zacznie działać, aplikacja w ciągu kilku minut przełączy na nią witrynę sklepu i kasę. Nie ma niczego do ręcznej wymiany.
Ręczne dodanie SignalHost
SignalHost możesz umieścić w sklepie Shopify bez aplikacji. Na signalhost.io otwórz swój kontener, znajdź fragment kodu na karcie „Zainstaluj w witrynie” i naciśnij „Kopiuj”. Następnie w Shopify przejdź do Online Store › Themes › ⋯ › Edit code, otwórz theme.liquid i wklej fragment bezpośrednio po otwierającym tagu head. Jeśli Twój motyw już ładuje Google Tag Manager lub tag Google dla tej samej usługi Analytics, zastąp tamten fragment, zamiast dodawać drugi. Zapisz, odwiedź swój sklep i naciśnij „Zrobione” na stronie kontenera.
W ten sposób Twój kontener Tag Managera ładuje się na stronach motywu, z odsłonami i wszystkim, co Twój motyw sam wypycha do warstwy danych. Brakuje jednak tego, co dodaje piksel: kasa Shopify nie uruchamia kodu motywu, więc kroki kasy i zakup nigdy nie docierają do fragmentu w theme.liquid, a zdarzenia produktów i koszyka również pochodzą z piksela. Gdy Twoja własna domena zacznie działać, fragment wymieniasz sam. Jeśli później zainstalujesz aplikację, najpierw usuń fragment, bo inaczej każda odsłona zostanie policzona dwukrotnie.
Plany i rozliczenia
Sklep połączony przez aplikację płaci za SignalHost przez Shopify. „Plany i rozliczenia” na stronie aplikacji otwiera stronę Shopify, na której wybierasz lub zmieniasz plan, a opłata pojawia się na Twoim rachunku Shopify. Po połączeniu aplikacja pokazuje też żądania z bieżącego miesiąca na tle limitu Twojego planu.
Jedno konto ma jednego płatnika. Jeśli Twoje konto SignalHost już płaci kartą albo płaci za nie inny sklep Shopify, aplikacja to zaznaczy, a plan tego sklepu nie zostanie użyty; anuluj jeden z nich, żeby nie płacić podwójnie.
Zarządzanie i odłączanie
Przycisk „Odłącz” znajduje się na dole strony aplikacji i wymaga drugiego naciśnięcia. SignalHost usuwa wtedy piksel aplikacji i wartości odczytywane przez osadzenie w motywie, a w ciągu kilku minut przestaje się ładować w Twoim sklepie. Twój kontener i jego statystyki pozostają, a „Połącz z SignalHost” ponownie łączy sklep. Sklep widnieje też w sekcji „Ustawienia › Połączone witryny” na signalhost.io.
Jeśli zamiast tego odinstalujesz aplikację w Shopify, SignalHost oznaczy sklep jako odłączony, a plan opłacany przez Shopify kończy się razem z aplikacją: Twoje konto wraca do planu darmowego.
Gdy coś nie działa
- Aplikacja zatrzymuje się na „Prawie gotowe”: nowy kontener jest wciąż budowany, co trwa kilka minut. Jeśli budowa się nie powiodła, otwórz kontener, aby zobaczyć dlaczego.
- Aplikacja mówi, że Twój kontener nie ma jeszcze usługi Google Analytics: otwórz kontener i dodaj ją. Do tego czasu piksel nie ma dokąd wysyłać danych.
- „Ostatnie 7 dni” pozostaje na zerze: otwórz działający sklep i zaakceptuj baner cookie. Shopify uruchamia piksel tylko dla odwiedzających, których wybór prywatności pozwala na analitykę.
- Przy włączonym osadzeniu w motywie aplikacja mówi, że kod śledzący występuje dwa razy albo że w motywie wciąż jest jego starsza kopia: usuń fragment wklejony wcześniej do theme.liquid.
- Osiągnięto limit Twojego planu: nowe zdarzenia nie są rejestrowane do daty podanej w aplikacji, chyba że przejdziesz na wyższy plan.
- Coś innego: napisz na hello@signalhost.io i podaj adres swojego sklepu.
Znaki towarowe
SignalHost jest niezależnym produktem Algorithmo GmbH i nie jest powiązany z Shopify, 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.; Shopify jest znakiem towarowym Shopify Inc.

