Skip to main content
Shopify Web Pixels to rozwiązanie Shopify do śledzenia danych o zakupach, takich jak współczynniki konwersji. Istnieją dwa główne sposoby korzystania z nich:
  • Web pixele aplikacji
  • Niestandardowe web pixele

Web pixele aplikacji

Niektóre pixele aplikacji (np. Omega Facebook Pixel) integrują się bezpośrednio z Shopify Web Pixels. Te aplikacje nie wymagają żadnej dodatkowej konfiguracji, aby działać z Aftersell.

Niestandardowe web pixele

Niestandardowe pixele umożliwiają tworzenie rozwiązań szytych na miarę, jeśli w sklepie Shopify nie ma pixela aplikacji spełniającego Twoje potrzeby. Poniżej opisujemy, jak przekonwertować istniejące skrypty śledzące ze strony statusu zamówienia na niestandardowe pixele. Przed rozpoczęciem zapoznaj się z potencjalnymi ryzykami niestandardowych pixeli. Jeśli korzystasz konkretnie z Google Tag Managera, Shopify udostępnia pomocną dokumentację przeprowadzenia tej migracji. Utworzenie niestandardowego pixela do śledzenia konwersji obejmuje 3 podstawowe kroki:
  1. Przygotowanie zewnętrznego SDK JavaScript
  2. Konfiguracja śledzenia konwersji za pomocą web pixeli
  3. Podłączenie niestandardowego pixela

1. Przygotowanie zewnętrznego SDK JavaScript

Usuń cały kod HTML obecny w dostarczonym kodzie pixela. Każdy JavaScript ładowany przez tag HTML <script> powinien zamiast tego być ładowany wyłącznie za pomocą JavaScriptu. Ten proces jest szczegółowo opisany tutaj. Przykład z użyciem Google Tag Managera Oryginalny kod pixela:
Po usunięciu HTML i przerobieniu tagów <script>:
Pamiętaj, że SDK pixela Google nie przesyła automatycznie danych z niestandardowego pixela Shopify. Aby przesyłać dane, musisz zasubskrybować zdarzenia.

2. Konfiguracja śledzenia konwersji za pomocą web pixeli

Aby śledzić konwersje za pomocą niestandardowych pixeli, zasubskrybuj zdarzenie checkout_completed udostępniane przez Shopify. To zdarzenie jest wyzwalane albo na stronie post-purchase, jeśli jest ona wyświetlana klientowi, albo na stronie z podziękowaniem, jeśli nie. W obu przypadkach zdarzenie wyzwala się tylko raz, więc nie potrzebujesz dodatkowej logiki, aby uniknąć podwójnego liczenia zakupu.
Skorzystaj z tego materiału referencyjnego, aby sprawdzić, jakie dane możesz pobrać ze zdarzenia event. Zdarzenie Shopify checkout_completed Przykład niestandardowego pixela Meta Kod śledzący wyzwalany po ukończeniu checkoutu:

3. Podłączenie niestandardowego pixela

Zanim dodasz niestandardowy pixel, usuń lub zmodyfikuj wszystkie istniejące pixele, aby zdarzenia klientów nie były liczone podwójnie. Istniejący kod pixeli należy ręcznie usunąć z każdego miejsca, w którym się znajduje, np. z theme.liquid, checkout.liquid (tylko sprzedawcy Plus) oraz z sekcji Additional scripts w ustawieniach checkoutu. Gdy to zrobisz, wykonaj poniższe kroki, aby podłączyć niestandardowy pixel do swojego sklepu.
  1. Przejdź do Settings > Customer Events > Custom Pixels > Add Custom Pixel
    1. Wprowadź nazwę swojego niestandardowego pixela.
  2. Wklej kod niestandardowego pixela w sekcji „Code”.
  3. Upewnij się, że ustawienia prywatności klientów są poprawnie skonfigurowane.
  4. Kliknij „Save” przy swoim niestandardowym pixelu.
  5. Kliknij „Connect”, aby aktywować swój niestandardowy pixel!