Przejdź do treści
Pomoc
Wygląd i ustawienia kreatora

Jak dodać własny JavaScript do całego sklepu?

Dodaj własny JavaScript do każdej strony sklepu za pomocą karty Niestandardowy Javascript w kreatorze. Kiedy kod się uruchamia, dlaczego nie uruchamia się ponownie na każdej stronie, błędy oraz dlaczego tagi śledzące i kody weryfikacyjne należą do aplikacji.

3 minuty czytania

Karta Niestandardowy Javascript uruchamia w Twoim sklepie Twój własny JavaScript. Używaj jej do drobnych zachowań, których nie obejmują ustawienia kreatora ani aplikacje.

Gdzie ją znaleźć

Otwórz kreator, kliknij ikonę koła zębatego i otwórz kartę Niestandardowy Javascript. Pole nazywa się Kod Javascript: Dotyczy całego sklepu. Wklej kod bez tagów <script>. Pisz wyłącznie czysty JavaScript.

Kiedy uruchamia się Twój kod

  • Uruchamia się raz, gdy klient otwiera sklep, po wyświetleniu strony.
  • Nie uruchamia się ponownie na każdej stronie. Gdy klient przechodzi na inną stronę w Twoim sklepie, strona zmienia się bez pełnego przeładowania, więc kod nie uruchamia się drugi raz. Jeśli Twój kod zmienia elementy na jednej stronie, niech obsługuje zmiany stron, albo zamiast tego użyj sekcji Własny kod na tej stronie.
  • W podglądzie kreatora kod też się uruchamia i uruchamia się ponownie, gdy go zmienisz.
  • Twój kod działa we własnej przestrzeni, więc zadeklarowane nazwy nie kolidują ze sklepem. Jeśli kod zgłosi błąd podczas działania, błąd zostaje przechwycony i nie psuje sklepu. Błąd jest ukryty, więc jeśli nic się nie dzieje, testuj kod krok po kroku.

Gdy możesz, użyj aplikacji

Wiele skryptów, które sprzedawcy tu wklejają, ma dedykowaną aplikację, która robi to lepiej:

  • Śledzenie Facebook, TikTok, Snapchat, Pinterest, X lub Google Ads: użyj aplikacji pikseli. Zobacz Piksele i Conversion API.
  • Google Analytics lub tagi zarządzane w Google Tag Manager: użyj aplikacji Google Tag Manager.
  • Kody weryfikacyjne dla Google Search Console, Meta, TikTok lub Snapchat: użyj aplikacji Domain Verifier. Kod z tej karty nie trafia do sekcji head strony w sposób wymagany przy weryfikacji.
  • Czat na żywo: zobacz Czat na żywo Crisp.

Te aplikacje wysyłają za Ciebie zdarzenia, takie jak zakupy, we właściwym momencie.

Kod dla całego sklepu czy sekcja Własny kod

  • Karta Niestandardowy Javascript: każda strona, uruchamia się raz na wizytę.
  • Sekcja Własny kod: jedna strona, z własnym HTML, CSS i JavaScript, uruchamia się za każdym razem, gdy sekcja jest wyświetlana. Zobacz Własny kod.

Wskazówki

  • Nigdy nie wklejaj tajnych kluczy ani haseł. Każdy może odczytać ten kod w swojej przeglądarce.
  • Po publikacji przetestuj sklep na telefonie i na komputerze.
  • Skrypty firm zewnętrznych mogą spowolnić sklep. Dodawaj tylko to, czego potrzebujesz.
  • Jeśli coś się zepsuje, wyczyść pole, opublikuj i dodawaj kod z powrotem kawałek po kawałku.
  • Asystent AI połączony z Twoim sklepem potrzebuje Twojej zgody, aby zmieniać własny kod. Zobacz Zarządzanie dostępem asystenta.

Warto wiedzieć

Niestandardowy Javascript należy do rynku, który edytujesz. Powtórz go w każdym rynku, który go potrzebuje. Zmiany trafiają do sklepu po kliknięciu Opublikuj.

Nadal potrzebujesz pomocy?

Napisz do nas, a odpowiemy.

Kontakt