facebook_pixel
jak przetrwać sesję?
Jak przetrwać sesję? 7 porad dla studenta od absolwenta
15 czerwca 2017
autosugestia
Autosugestia – czyli jak przestać się martwić i zacząć myśleć pozytywnie?
13 lipca 2017

Pixel Facebooka – Jak zainstalować na WordPress? Krok po kroku.

Pixel facebooka - jak zainstalować na wordpress?

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ę:

  1. Jak utworzyć piksel Facebooka?
  2. Jak znaleźć kod Facebook Pixel i Pixel ID?
  3. Jak zainstalować Pixel Facebooka na WordPress?
  4. Jak dodać piksel poprzez Google Tag Manager?
  5. Jak dodać piksel poprzez wtyczkę do WordPressa (Pixel Your Site i Pixel Caffeine)
  6. Jak sprawdzić czy kod piksela działa poprawnie?

 A jeśli chcesz nauczyć się, czym tak właściwie jest pixel i jak pomoże Ci zdystansować konkurencję, to zacznij od pierwszego artykułu z tej serii: Reklama na Facebooku – dlaczego musisz zainstalować Pixel Facebook?

Zaraz nauczę Cię kilku sposobów dodawania piksela Facebooka, ale zanim zaczniemy się uczyć jak go instalować, musimy wiedzieć jak go stworzyć!


Jak utworzyć Piksel Facebooka?

Wejdź w swoje konto reklamowe (link www.facebook.com/ads/manager/account/campaigns/), rozwiń górne menu i kliknij w zakładkę “Piksele“.

Pixel Facebook Menedżer reklam


Kliknij w zielony przycisk “Skonfiguruj piksel

Piksel Facebooka konfiguracja


A teraz w zależności od tego, jak jest skonfigurowana twoja strona internetowa, masz do wyboru dwie opcje.

pixel facebooka jak zainstalować na wordpress


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

Pixel ID konta reklamowego


Jak dodać Piksel w WordPress?

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.

Jak dodać Pixel na wordpress?

To wszystko. Piksel został zainstalowany na każdej podstronie Twojej witryny. Nie zapomnij zapisać stronę po zmianach.


Jak dodać piksel poprzez Google Tag Manager?

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.

pixel facebooka jak zainstalować na wordpress


Kliknij “Konfiguracja tagu” i wybierz “Niestandardowy kod HTML“.

pixel facebooka wordpress


W tym polu wklej kod Pixela Facebooka.

pixel śledzący - niestandardowy kod html


W ustawieniach zaawansowanych wybierz opcję uruchamiania “Raz na stronę“.

piksel konwersji instalacja


Następnie wejdź w “Reguły” i wybierz regułę “All Pages“.

wdrażanie piksela facebooka

Nazwij nowy tag, zapisz go i nie zapomnij opublikować zmiany!


Jak dodać piksel poprzez wtyczkę na WordPress?

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.

Pixel Caffeine

Dzięki wtyczce Pixel Caffine – aby dodać piksel Facebooka na stronę – nie trzeba nawet kopiować kodu. Wystarczy, że zalogujesz się za pomocą swojego konta Facebooku.

pixel caffeine

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ć:

  • Integracja z WooCommerce
  • Filtrowanie stron, urządzeń i zachowań użytkowników w sklepie
  • Dodawanie niestandardowych zdarzeń
  • Zaawansowane opcje śledzenia (cena, nazwa produktu, typ, status zalogowania klienta w sklepie itd.)

PixelYourSite

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 stworzyć pixel facebook?

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:

    • śledzenie metek UTM i źródła pozyskiwania klienta,
    • ustawienie konwersji i niestandardowych zdarzeń (bez żadnych kodów),
    • dodawanie dynamicznych zdarzeń (które odpalają się np. po kliknięciu w odpowiedni przycisk, bądź po przewinięciu pewnego % Twojej strony),
    • integracja z WooCommerce,
    • dodawanie wartości konwersji (cena, ilość sztuk, waluta),
    • zliczanie czasu przebywania na Twojej stronie,
    • i wiele innych.

Jak dodać piksel w Shopify?

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.

Facebook piksel konto


Jak sprawdzić czy kod piksela działa poprawnie?

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.

chrome facebook pixel helper

 

PS. Mam dla Ciebie jeszcze 3 dodatkowe artykuły, które pozwolą Ci lepiej zgłębić temat

  1. Wiedziałeś, że marki takie jak Google, Coca-Cola, czy nasze polskie Allegro, reklamują się na Facebooku? Chciałbyś wiedzieć po co to robią? Zobacz 7 powodów, dlaczego reklamę na Facebooku robi Google i dlaczego Ty musisz zacząć, jeśli chcesz odnieść sukces. Przeczytaj ten artykuł i przekonaj się, że po prostu nie opłaca Ci się nie wykorzystać możliwości promocji swojego biznesu na Facebooku.
  2. Jeśli chcesz nauczyć się podstaw działania reklam na Facebooku, to przeczytaj artykuł: Facebook – najlepsze miejsce do promocji i biznesu lokalnego i zobacz jakie opcje oferuje Tobie Facebook (z praktycznymi przykładami wykorzystania). Jeśli prowadzisz mały biznes, to ten artykuł to lektura obowiązkowa, od której powinieneś zacząć!
  3. A jeśli chcesz pierwszy wykorzystać nowe sposoby reklamy w swoim biznesie, to przeczytaj artykuł: 5 nowych sposobów reklamy, które będą popularne w 2017 roku .

4 Komentarze

  1. Jousi napisał(a):

    No dobra, a skąd mam wiedzieć co mam wybrać? Czy Google Tag Manager, czy WordPress, czy inne?

  2. Waldemar napisał(a):

    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

  3. Maciej napisał(a):

    Hey a będzie jak zrobić to na stronie html?

    • Dawid napisał(a):

      W htmlu jest bardzo prosto. Kopiuj i wklej kod pixela facebooka w każdej podstronie w sekcji head przed znacznikiem </head>. Pomogłem? 🙂

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *