Mam nadzieje, że już wiesz, dlaczego Piksel Facebooka jest tak ważny dla biznesu. Musisz mieć świadomość, że ten kod pozwoli Ci tworzyć precyzyjne grupy docelowe i pokazywać im swoje reklamy, monitorować ich działanie w witrynie oraz optymalizować reklamę!
Jeżeli uważasz, ze proces dodawania piksela jest zbyt skomplikowany i techniczny, to muszę Cię rozczarować. Jest to o wiele prostsze, niż myślisz. Jednak bardzo ważne jest to, żeby wkleić Pixel w prawidłowy sposób.
Z tego artykułu dowiesz się:
Zaraz nauczę Cię kilku sposobów dodawania piksela Facebooka, ale zanim zaczniemy się uczyć jak go instalować, musimy wiedzieć jak go stworzyć!
Wejdź w swoje konto reklamowe (link www.facebook.com/ads/manager/account/campaigns/), rozwiń górne menu i kliknij w zakładkę “Piksele“.
Kliknij w zielony przycisk “Skonfiguruj piksel”
A teraz w zależności od tego, jak jest skonfigurowana twoja strona internetowa, masz do wyboru dwie opcje.
Aby wyświetlić kod piksela i go skopiować wybierz opcję drugą.
Pod punktem 1.2 zobaczysz cały kod. A ten niebieski numer (który ja zamalowałem) jest unikalnym Pixel ID Twojego konta reklamowego. Skopiuj go w całości.
Pixel ID konta reklamowego
Ten sposób może trochę się różnić w zależności od ustawień i motywów, których używa Twoja strona. Ale najważniejsze jest to, że kod powinien znajdować się pomiędzy znacznikamii.
W panelu WordPress kliknij “Wygląd“, następnie “Edytor” i wyszukaj szablon z nazwą “Nagłówek motywu bądź (header.php)“. Wyświetli Ci się kod, w którym odszukaj znacznik i wklej w tym miejscu skopiowany wcześniej kod.
To wszystko. Piksel został zainstalowany na każdej podstronie Twojej witryny. Nie zapomnij zapisać stronę po zmianach.
Google Tag Manager jest lepszym sposobem na umieszczenie piksela. Nie ma konieczności “grzebać w kodzie“. Wszystko jest bardzo intuicyjne i proste.
Oczywiście aby dodać piksel tym sposobem najpierw musisz skonfigurować Google Tag Manager dla swojej strony. Może potrwać to dłużej niż w pierwszym przypadku, lecz jeśli w przyszłości będziesz chciał dokonać zmian, nie nie będziesz musiał zaglądać do kodu na stronie.
Wejdź w Google Tag Manager (link: www.google.pl/intl/pl/tagmanager)
Utwórz nowy tag w panelu strony.
Kliknij “Konfiguracja tagu” i wybierz “Niestandardowy kod HTML“.
W tym polu wklej kod Pixela Facebooka.
W ustawieniach zaawansowanych wybierz opcję uruchamiania “Raz na stronę“.
Następnie wejdź w “Reguły” i wybierz regułę “All Pages“.
Nazwij nowy tag, zapisz go i nie zapomnij opublikować zmiany!
W ostatnim czasie pojawiło się bardzo dużo wtyczek dla instalacji kodu piksela, lecz nie ufałbym wszystkim. Zamiast tego, podam Ci tylko sprawdzone i popularne wtyczki.
Dzięki wtyczce Pixel Caffeine – aby dodać piksel Facebooka na stronę – nie trzeba nawet kopiować kodu. Wystarczy, że zalogujesz się za pomocą swojego konta Facebooku.
Po zalogowaniu się, serwis sam wyciągnie dane o twoich kontach reklamowych i dostępnych tobie pikselach. Wybierz ten, którego chcesz użyć na tej stronie.
Inne zaawansowane opcje wtyczki, które mogą Ci się przydać:
Pixel Your Site kolejna świetna wtyczka do zainstalowania piksela Facebooka na WordPress. Tutaj piksel możesz ustawić tak samo łatwo, jak w Pixel Caffeine. Wystarczy, że znasz swój Pixel ID i wpiszesz go w odpowiednim polu.
Jak tylko ją aktywujesz, piksel zacznie odpalać się na wszystkich podstronach Twojej witryny.
Wtyczka PixelYourSite posiada również dużo zaawansowanych opcji w wersji PRO:
Jeżeli posiadasz sklep internetowy na platformie Shopify, to proces dodania piksela jest również bardzo łatwy i intuicyjny.
Kliknij “Settings” w swoim panelu zarządzania Shopify, a następnie wejdź w Online Store. Wklej swój Pixel ID w odpowiednim miejscu. Nie zapomnij zapisać zmiany.
Aby sprawdzić, czy Piksel Facebooka działa poprawnie, polecam zainstalować rozszerzenie do przeglądarki Chrome Facebook Pixel Helper.
Jeżeli poprawnie zainstalowałeś kod, to pojawi się napis „Facebook Pixel loaded successfully” z zielonym paskiem.
PS. Mam dla Ciebie jeszcze 3 dodatkowe artykuły, które pozwolą Ci lepiej zgłębić temat
18 Comments
Kompletnie nie mogę znaleźć miejsca gdzie się dodaje standardowe zdarzenia na facebooku. Według instrukcji Facebooka wystarczy kliknąc w Zainstaluj zdarzenia, ale takiego guzika nigdzie nie ma.
Standardowe zdarzenia dodaje się ręcznie w kodzie na poszczególnych stronach, lub za pomocą wyżej wspomnianych wtyczek.
Możesz również takie konwersje ustawic z poziomu Facebooka (Konwersje Niestandardowe), jeżeli znasz adres URL strony, gdzie taka konwersja sie odbywa.
Pixel Caffeine a nie Caffine 😉 to wprowadza w błąd 🙂 warto to poprawić w tekście
Dzięki 😉
Do WordPressa jest teraz wtyczka, dwie sekundy i gotowe. Do sklepu woocommerce także, ustawi wszystko za nas 🙂
Czy Google Tag Manager jest tylko do Word Pressa, czy inne strony też można w ten sposób aktualizować i dodawać piksel?
Google Tag Manger można dodać na jakąkolwiek stronę, która ma możliwość dodawania skryptów.
Dzień dobry,
proszę wybacz głupie pytanie, ale w jaki sposób utworzyć pixel facebooka do fanpage’a a nie do indywidualnego profilu? Z góry dziękuję za pomoc.
Pixel nie jest potrzebny, jeżeli nie masz strony WWW.
Dzięki, super instrukcja. Od pół roku się czaję, żeby dodać pixel myśląc, że to w moim wykonaniu raczej niemożliwe. A z tym wpisem udało się w 5 minut:)
Ekstra! Jestem dumny 😀 …bardzo nawet!
Będzie mi mega miło, jeśli udostępnisz ten artykuł.
Chciałbym, żeby więcej ludzi miało dostęp do moich merytorycznych wpisów, prosto napisanych z dużą dawką darmowej i praktycznej wiedzy!
No i schody,
bo wybieram Google Tag Manager, a tam to wygląda inaczej niż w instrukcji.
Szukam wtyczki PixelYourSite na moim WP, nie ma…
Pomocy!
Oto jak zainstalować PixelYourSite: Wtyczki -> Dodaj nową -> Wprowadź w polu do wyszukiwania “Pixelyoursite” -> Kliknij zainstaluj teraz! -> następnie skonfiguruj tak, jak w artykule powyżej. Powodzenia. A jakby coś trzeba było jeszcze wyjaśnić, to pisz 😉
No dobra, a skąd mam wiedzieć co mam wybrać? Czy Google Tag Manager, czy WordPress, czy inne?
Wybierz dowolne rozwiązanie, które będzie dla Ciebie latwiejsze we wdrożeniu 🙂
Hey David,
Może to jest dziwne pytanie ale mam zaistalowany pixel na stronie sklepu opartego na platformie . Pixela zainstalowałem tam gdzie mogę dodawać własne kody CSS i Java itd. Wszędzie czytam, żeby dodać pixela do strony koszyka, na stronę produktu itp. ale technicznie nie bardzo wiem jak to zrobić. czy to , że go dodałem do ogólnego skryptu to wystarczy? Nie bardzo wiem co on mi pokazuje w taim razie , ogólny ruch?
Pozdrawiam
Hey a będzie jak zrobić to na stronie html?
W htmlu jest bardzo prosto. Kopiuj i wklej kod pixela facebooka w każdej podstronie w sekcji head przed znacznikiem
</head>
. Pomogłem? ?