Integracja Facebook Meta Pixel w Caterings za pomocą Google Tag Managera (GTM)

Poniższa instrukcja dotyczy integracji Facebook Meta Pixela na stronie zamawiarki diet/sklepu. Umożliwia ona zbieranie większej ilości danych dla Facebooka niż integracja dostępna w panelu, dlatego jest przez nas rekomendowana.

Integracja wbudowana w panelu Caterings wysyła jedynie zdarzenia PageView, a integracja przez GTM dodaje dodatkowo eventy:

AddToCart

AddPaymentInfo

CompleteRegistration

InitiateCheckout

Purchase

Wraz z parametrami takimi jak np. spójne ID produktów (item_xml_id) z ID produktu wysyłanym do katalogu Facebooka.

‼️PAMIETAJ‼️ Integracja dotyczy części Caterings’owej to znaczy, że żeby działała na stronie głównej (domenie głównej) twojego cateringu opartego np. O CMS Wordpress wymaga czasami własnych modyfikacji reguł odpalania w Google Tag Mangerze. 

1. Zaloguj się do panelu caterings i sprawdź czy masz podany ID Google Tag Managera Integracje -> Google Tag Manager:

2. Odszukaj swój kontener Google Tag Manager’a

   
   

3. Wejdź do zakładki Administracja -> Import kontenera

   

   
   
4. Pobierz aktualny plik .json dotyczący tylko integracji Facebook Meta Pixel ze strony:

https://pomoc.caterings.pl/article/168-kontener-google-tag-manager-gtm

[!] Pamiętaj instrukcja dotyczy integracji Facebook Meta Pixela jeżeli wcześniej nie było go w Twoim Google Tag Managerze, na przykład jeżeli wcześniej wgrywałeś plik .json od wersji 6 integracja Facebook Meta Pixela już była w nim dostępna.

5. Pobrany plik zaimportuj:

6. W zależności od doświadczenia wybierz odpowiednią opcję scalania, zalecamy “zmień nazwy sprzecznych tagów reguł i zmiennych.”

   

7. Jeżeli nie ma konfliktów kliknij “Dodaj do obszaru roboczego”, jeżeli są skontaktuj się z osobą, która zarządza Google Tag Managerem zazwyczaj jest to ktoś w agencji marketingowej, która obsługuje Twoją markę, aby upewnić się czy wprowadzone zmiany nie popsują analityki.

   

8. Tagi, zmienne i reguły zostały zaimportowane, teraz trzeba zmienić ID pixela dla zmiennej o nazwie: 

9. Domyślną wartość 777777777777 zamieniamy na swoje ID pixela

   

   [I] ID swojego Pixela znajdziemy w Business Managerze Meta Facebook: https://www.facebook.com/events_manager2/overviewv

10. Po wprowadzeniu swojego ID pixela FB, możemy zapisać zmiany, klikając Zapisz.

    
    

11. Przed publikacją warto przetestować wprowadzone zmiany korzystając z opcji podgląd i wtyczki Facbook Pixel Helper: https://chromewebstore.google.com/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc?pli=1

    
    

12. W przypadku powodzenia testów można kliknąć przycisk Prześlij, który przeniesie nas do ekranu “Przesyłanie zmian”, gdzie dodajemy nazwę wersji np. “Dodanie FB pixela integracją Caterings” i klikamy Opublikuj:

    

    
    
13. Jeśli wcześniej korzystałeś z integracji caterings dla Facebook pixela teraz możesz ją wyłączyć. panelu caterings i sprawdź czy masz wyłączoną integrację Facebook Pixela w panelu:

POPULARNE PYTANIA I ODPOWIEDZI:

Wtyczka Pixel Helper nie pokazuje pixela pomimo przejścia powyżej instrukcji.

POTENCJALNE PRZYCZYNY:

A. Sprawdź czy kontener GTM jest opublikowany

B. Zapoznaj się z instrukcją swojego dostawcy Consent Management Platform (CMP) czyli platformy do zarządzania zgodami na śledzenie użytkowników, niektóre z nich wymagają dodatkowych Reguł w GTM aby pixel FB był odpalany po akceptacji wszystkich cookies, a nie dopiero na kolejnej stronie. Przykład takiej modyfikacji:

Cookiebot: https://support.cookiebot.com/hc/en-us/articles/360003793854-Google-Tag-Manager-deployment

Cookiehub: https://docs.cookiehub.com/installation/additional-consent

Cookie-script: https://help.cookie-script.com/en/Facebook/facebook-pixel-consent-mode 

Wtyczka Pixel Helper pokazuje status ostrzeżenia o x krotnym zdarzeniu PageView.

To normalne, strony sklepów/zamawiarek diet od Caterings są oparte o technologie single-page application (SPA), której Facebook Meta Pixel Helper nie rozróżnia, każde “wirtualne” przeładowanie się strony powinno wysłać 1 event PageView.