// Integracje / Webflow

Visitant w Webflow

Webflow ma wbudowane miejsce na skrypty dla całej strony, więc cała instalacja to: wklej linijkę, opublikuj. Bez cookies, bez banera zgód, poniżej 2 KB po kompresji.

Czego potrzebujesz

• Strona w Webflow z aktywnym płatnym Site planem albo w płatnym Workspace Core, Growth, Agency lub Freelancer. Centrum pomocy Webflow podaje, że własny kod działa tylko w tych przypadkach; na darmowym planie Starter pole Head code nie trafia na żywą stronę.
• Rola Site manager albo Designer na tej stronie.
• Darmowe konto Visitant z dodaną domeną, np. twojastrona.pl.

Instalacja w 5 krokach

1. 01 Otwórz ustawienia strony

   W panelu Webflow najedź na stronę i kliknij ikonę ustawień (koło zębate) albo w Designerze wybierz Site settings z menu strony w lewym górnym rogu. Dokładne nazwy mogą się różnić w Twojej wersji.

2. 02 Przejdź do zakładki Custom code

   W ustawieniach strony kliknij zakładkę Custom code. Zobaczysz dwa pola: Head code i Footer code. Visitant wklejasz w Head code, żeby liczył od pierwszej chwili otwarcia strony; pomoc Webflow zaleca, żeby skrypty w tym miejscu miały async albo defer - nasz ma już defer.

   Każde pole mieści do 50 000 znaków. Nasza linijka ma mniej niż 100, więc zmieści się obok wszystkiego, co już tam masz.

3. 03 Wklej linijkę Visitant

   Wklej poniższą linijkę w pole Head code i zamień twojastrona.pl na swoją domenę. Nie obudowuj jej dodatkowymi znacznikami <head> - Webflow już je dodaje.

   <script defer data-domain="twojastrona.pl" src="https://annuora.com/v.js"></script>Kopiuj

4. 04 Zapisz i opublikuj

   Kliknij Save changes pod polami (dokładna nazwa może się różnić), a potem Publish w prawym górnym rogu i wybierz swoją domenę. Własny kod widać też w podglądzie, ale dla prawdziwych odwiedzających zaczyna działać dopiero po publikacji.

   Publikujesz też na twojastrona.webflow.io? Tracker wysyła domenę wpisaną w tagu, więc wizyty ze stagingu będą liczone do tej samej strony. Publikuj tylko na własną domenę albo dodaj adres stagingu jako drugą stronę w Visitant (plan Free obejmuje 2 strony).

5. 05 Otwórz opublikowaną stronę i poklikaj

   Otwórz swoją domenę w zwykłej karcie, nie w podglądzie Designera, i odwiedź dwie, trzy podstrony. Strony Webflow to klasyczne pełne przeładowania, więc każda wizyta to zwykła odsłona - bez niespodzianek znanych z aplikacji SPA. Jeśli używasz wbudowanego w Webflow banera cookies, zostaw go w spokoju: Visitant nie potrzebuje zgody, więc nie trzeba go do niczego podpinać.

Czy działa? Sprawdź w 60 sekund

Trzymaj panel Visitant otwarty w drugiej karcie. Wszystko poniżej powinno się wydarzyć w ciągu minuty od publikacji.

• Licznik osób teraz na górze panelu pokazuje 1, gdy jesteś na stronie.
• Ramka instalacyjna znika z panelu, a w tabeli Strony pojawia się pierwsza odsłona ze ścieżką, którą właśnie odwiedziłeś.
• Wejdź na stronę z linku na innej stronie (np. z posta na X albo LinkedIn), a tabela Źródła pokaże tę stronę zamiast Direct.
• Podejrzyj źródło żywej strony (Ctrl+U) i wyszukaj v.js: linijka pojawia się raz, w <head>.

Częste problemy

Head code zapisany, ale w panelu nic nie ma	Najczęściej strona nie została opublikowana po zapisaniu albo działa na darmowym planie Starter, gdzie własny kod nie trafia na żywo. Opublikuj ponownie i sprawdź plan w Site settings - Plans.
Licznik reaguje tylko na stronie głównej	Pojedyncza podstrona może mieć własne pole Head code w Page settings. Sprawdź, czy wkleiłeś linijkę w Site settings (dla całej strony), a nie w ustawieniach jednej podstrony.
Liczone są wizyty z podglądu w Designerze	Nie powinny: tracker działa tylko na opublikowanej domenie. Jeśli je widzisz, to znaczy, że otworzyłeś opublikowaną stronę, nie podgląd. Żeby wykluczyć siebie, wykonaj raz w konsoli przeglądarki na swojej stronie localStorage.setItem("visitant_ignore","1").
Webflow pokazuje ostrzeżenie o własnym kodzie	To standardowa informacja, że wsparcie Webflow nie pomaga z kodem zewnętrznym. Linijka to zwykły HTML; nic więcej nie trzeba robić.

Pytania