Jak dodać Facebook Pixel i skonfigurować wydarzenia

W tym artykule dowiesz się, jak zintegrować piksel Facebooka na różnych stronach w systeme.io i skonfigurować wydarzenia.

Będziesz potrzebować:

• Konta biznesowego Facebook
• Konta reklamowego Facebook
• Konta Systeme.io
• Domeny niestandardowej

1. Skonfiguruj swój Pixel

1.1 Przejdź do swoich Ustawień biznesowych Facebook, a następnie kliknij Ustawienia.

Teraz kliknij Zestawy danych i piksele w sekcji Źródła danych.

Kliknij Dodaj, a pojawi się okno popup, w którym możesz nazwać swój Pixel. Po wprowadzeniu nazwy dla piksela kliknij Utwórz.

Pojawi się kolejne okno popup z napisem Twój piksel nie jest jeszcze gotowy do użycia. Możesz zamknąć to okno, ponieważ najpierw musisz dodać Osoby i Zasoby do swojego Piksela.

1.2 Kliknij Przypisz osoby, następnie wybierz swoje konto biznesowe z okna popup. Kliknij suwak, aby nadać Pełną kontrolę, a następnie kliknij Przypisz.

1.3 Po zakończeniu kliknij Połącz zasoby.

Pojawi się kolejne okno popup, w którym wystarczy zaznaczyć konto reklamowe, a następnie kliknąć Dodaj.

2. Zainstaluj Pixel na swojej stronie internetowej

2.1 Kliknij Wszystkie narzędzia w menu po lewej stronie, a następnie kliknij Menedżer wydarzeń.

2.2 Kliknij swój Pixel.

2.3 Kliknij Skonfiguruj Meta Pixel.

2.4 Teraz kliknij Zainstaluj kod ręcznie poniżej opcji Ręcznie dodaj kod Pixel do witryny.

Pojawi się kod Meta Pixel. Należy go dodać do sekcji 'Kod nagłówka' stron lejka. Jeśli chcesz zainstalować kod na wszystkich stronach wszystkich lejków, możesz go umieścić w polu Kod śledzenia w ustawieniach lejka sprzedażowego.

2.4.1 Dodawanie kodu Facebook Pixel do ustawień strony lejka sprzedażowego

2.4.2 Dodawanie kodu Facebook Pixel z ustawień lejka sprzedażowego

Możesz również wstawić kod Facebook Pixel do ustawień Lejka sprzedażowego, aby automatycznie wdrożyć go we wszystkich lejkach sprzedażowych.

Kliknij Ustawienia pod swoim zdjęciem profilowym, następnie Lejek sprzedażowy i wstaw kod Facebook Pixel w polu kodu śledzenia.

2.5 Po skopiowaniu kodu i dodaniu go do witryny, jak wspomniano powyżej, kliknij Kontynuuj. Otrzymasz opcję aktywowania Automatycznego zaawansowanego dopasowywania. Jest to opcjonalne i zależy od Twoich preferencji.

2.6 Kliknij Kontynuuj, aby kontynuować.

Po zainstalowaniu podstawowego kodu Meta pixel na stronie internetowej zaznacz go jako ukończony (Zielona ikona). Możesz teraz skonfigurować wydarzenia na swojej stronie, klikając Skonfiguruj wydarzenia.

Narzędzie konfiguracji wydarzeń nie zawsze działa, a w tym przykładzie ręcznie dodamy kod wydarzenia do kodu Meta Pixel.

2.7 Dla opcji ręcznej kliknij Zainstaluj za pomocą kodu w wyświetlonym oknie popup.

W tym przykładzie użyjemy tylko wydarzenia Wyświetl zawartość.

Dodaj je do ustawień lejków.

2.8 Teraz musisz zweryfikować swoją domenę, przechodząc do Bezpieczeństwo marki i przydatność > Domeny. Kliknij Dodaj. Wprowadź swoją domenę, a następnie ponownie kliknij Dodaj.

Otrzymasz Meta-tag, który należy dodać do Kodu nagłówka strony lub w ustawieniach lejka sprzedażowego poniżej Kodu Meta Pixel (upewnij się, że między nimi jest podział wiersza).

Po dodaniu kodu kliknij Zweryfikuj domenę po stronie Facebooka.

3. Przetestuj instalację

Teraz, gdy Twój Pixel został skonfigurowany i zainstalowany, możesz go przetestować, aby sprawdzić, czy działa.

Kliknij Testuj wydarzenia, wprowadź adres URL swojej witryny w polu poniżej i kliknij Testuj wydarzenia.

Strona Testuj wydarzenia powinna wyświetlać wydarzenia z akcji podjętych na Twojej stronie internetowej.

4. Deduplikacja wydarzeń na Facebooku (Pixel i CAPI)

Dzięki deduplikacji śledzenia dla Facebook Conversion API (CAPI) i Piksela możesz teraz łatwo zapobiegać podwójnemu liczeniu wydarzeń między przeglądarką (Pixel) a serwerem (CAPI). Gdy to samo wydarzenie jest wysyłane przez te dwa kanały, Facebook identyfikuje duplikaty za pomocą unikalnego identyfikatora (eventID), łączy je automatycznie i tym samym zapewnia dokładność statystyk.

Jak wdrożyć deduplikację?

Aby włączyć deduplikację, upewnij się, że zarówno Conversion API (CAPI), jak i Facebook Pixel są prawidłowo zaimplementowane. Jeśli jeszcze nie skonfigurowałeś CAPI, zapoznaj się z tym przewodnikiem: Jak skonfigurować Facebook Conversions API w systeme.io.

Dla użytkowników z już zaimplementowanym CAPI deduplikacja będzie odbywać się automatycznie poprzez wybór typu wydarzenia z listy rozwijanej. Jednak kod Piksela musi zostać zaktualizowany, aby zawierał symbol zastępczy ID wydarzenia. Dla każdego śledzonego wydarzenia odpowiedni symbol zastępczy/zmienna ID wydarzenia musi zostać dodany, aby zapewnić prawidłową deduplikację.

Czym jest ID wydarzenia?

ID wydarzenia to unikalny identyfikator generowany dla każdego wydarzenia konwersji (takiego jak zakup lub zgłoszenie).

Pozwala to Meta (Facebook) uniknąć podwójnego liczenia tego samego wydarzenia, gdy jest ono wysyłane zarówno przez Pixel (przeglądarkę), jak i Conversions API (CAPI).

• ID wydarzenia jest wysyłane automatycznie przez CAPI.
• W Pikselu musisz ręcznie dodać ten identyfikator w kodzie śledzenia za pomocą symboli zastępczych dostarczonych przez systeme.io.

Poniżej znajdują się przykłady typowych wydarzeń:

• Zakup: fbq('track', 'Purchase', {eventID:'%FACEBOOK_PURCHASE_EVENT_ID%'});           
• Spotkanie: fbq('track', 'Schedule', {eventID:'%FACEBOOK_EVENT_ID%'});           
• Wyświetl zawartość: fbq('track', 'ViewContent', {eventID:'%FACEBOOK_EVENT_ID%'});           
• Nowy lead: fbq('track', 'NewLead', {eventID:'%FACEBOOK_NEW_LEAD_EVENT_ID%'});           

Poniżej znajduje się kompleksowy przykład ilustrujący konfigurację deduplikacji wydarzenia wyświetlenia zawartości przy użyciu Facebook Pixel:

1. Wybierz odpowiedni identyfikator wydarzenia: Napisz symbol zastępczy wydarzenia, aby wygenerować unikalny Event ID           . Ten identyfikator pozwala Facebookowi rozpoznać i połączyć wydarzenia wysyłane zarówno przez Pixel, jak i Conversion API (CAPI). Ten identyfikator jest unikalny dla każdego wydarzenia i automatycznie generowany po dodaniu symbolu zastępczego lub zmiennej. Symbol zastępczy zapewnia, że wartość jest dynamicznie zastępowana rzeczywistym Facebook Event ID podczas ładowania piksela.

2. Dodaj eventID do kodu Pixel: Oto jak wysłać wydarzenie wyświetlenia zawartości z unikalnym identyfikatorem:

3. Weryfikacja:

Aby śledzić Pixel, odwiedź stronę, aby upewnić się, że wydarzenia takie jak "View Content" są prawidłowo uruchamiane z powiązanym Event ID           . Rozszerzenie Facebook Pixel Helper pomoże zweryfikować, że Pixel przechwytuje wydarzenia zgodnie z oczekiwaniami.

Aby śledzić CAPI, użytkownik musi poruszać się po Twojej witrynie, aby wyzwolić wydarzenia po stronie serwera.

• W przypadku View Content lub wykrywania leadów samo odwiedzenie strony spowoduje uruchomienie wydarzenia.
• Dla wydarzeń Purchase należy dokonać testowego zakupu, aby przechwycić wartości kwot zakupu.
• Zarówno wydarzenia CAPI, jak i Pixel można następnie zobaczyć w Meta Events Manager, aby potwierdzić, że są prawidłowo śledzone i że deduplikacja działa zgodnie z zamierzeniami.

Postępując zgodnie z tym przykładem, włączasz deduplikację między Pixelem a CAPI, unikając duplikatów i zapewniając dokładne dane konwersji dla swoich kampanii.

Śledzenie kwoty zakupu za pomocą CAPI

Aby śledzić kwotę zakupu za pomocą CAPI, wykonaj następujące kroki:

• Użyj typu wydarzenia zakupu.
• Przechwyć kwotę zakupu wraz z walutą.
• Jeśli produkt jest fizyczny, pobierz walutę z produktu.
• Jeśli produkt jest ofertą cyfrową lub subskrypcją, pobierz walutę z planu cenowego.

Osobne śledzenie dogrywek zamówień i upselli

Użytkownicy często pytają, czy dogrywki zamówień i upselle można śledzić oddzielnie od głównego wydarzenia zakupu. Oto jak to działa:

• Cała wartość zamówienia, w tym upselle, jest wysyłana w momencie wydarzenia zakupu.
• Dogrywki zamówień i upselle są zazwyczaj dodawane jako produkty cyfrowe, podobnie jak główna oferta.
• CAPI na Stronie podziękowania automatycznie wykryje wszystkie poprzednie zakupy (główna oferta, dogrywki i upselle).