Írta:Bay Áron Facebook Pixel gyorstalpaló: mi az, mire jó és hogyan kösd be?
Ebben a cikkben
Mi az Facebook Pixel és mire jó?
A Facebook Pixel (magyarul Facebook Képpont) egy olyan kód, amit a weboldal forráskódjában kell elhelyezni, ez pedig lehetőséget nyújt arra, hogy célzott hirdetéseket tudj megjeleníteni az oldalra látogatók számára és konverziókat tudj mérni.
Első lépésként a kódot kell elhelyezni a weboldalban, de már itt is fontos odafigyelni a technikai részletekre. Ugyanis a kód elhelyezése során számos egyéb feladatunk lehet, annak függvényében, hogy mit és hogyan akarunk mérni.
Amit még az elején érdemes megjegyezni és minden egyes projekt esetében ezt a fő szabályt kell követni a pontos mérésekhez: hirdetési fiókonként 1 pixel, weboldalanként 1 pixel és weboldalanként 1 hirdetési fiók.
Facebook Pixel beállítása
A Pixelt az Eseménykezelőben a Képpontok menüpontban lehet létrehozni. A létrehozás előtt azonban érdemes néhány dolgot tisztába tenni.
A kód elkészítése és beállítása során sokat segít nekünk az alábbi ábra, amely a Facebook Pixel kódját mutatja.
- Az 1-es pont (kék rész) a weboldal <head></head> forráskód részét jelöli.
- A 2-es pont (piros rész) a Base Code-ot (magyarul Alap kód) jelöli.
- A 3-as pont (zöld rész) pedig az alap vagy egyéni esemény(ek) kódját jelöli.
A fenti ábrán az esemény, amit mérünk az a kosárba helyezés (AddToCart).
A fbq(‘init’,’1234567890′); kódrészletben az 1234567890 pedig az egyedi azonosító, ami minden Pixel esetében más és más lesz. Ez segít majd azonosítani, hogy az adott Pixel tényleg melyik weboldalhoz és Facebook Ads Manager fiókhoz tartozik.
Base Code (alap kód) elhelyezése
A Base Code (alap kód) ideális helye a weboldal <head> részében van. Vagyis a nyitó <head> tag után, de a záró </head> tag elé érdemes berakni.
Ha ide teszed be az alap Facebook Pixel kódot (Base Code), akkor azzal tudod csökkenteni annak az esélyét, hogy a böngésző blokkolja vagy third-party kód blokkolja a pixel futtatását. Emellett mivel ez a rész viszonylag hamar tölt be egy weboldal estében, így növelhető annak is az esélye, hogy a kód azelőtt lefut, hogy valaki elhagyta volna az oldalad (pl bezárja az ablakot).
A Base Code az alábbi módon néz ki:
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '{your-pixel-id-goes-here}');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id={your-pixel-id-goes-here}&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->Nagyon sokan nem is direktben a weboldal forráskódjába rakják be a kódot, hanem Google Tag Managerrel oldják meg ezt. Ha technikailag helyes az implementációt, akkor a GTM-es bekötés is teljesen jó választás.
A Base Code azonban csak egyszerű mérést tesz lehetővé. Azt mondja meg, hogy valaki járt-e az adott oldalon vagy sem.
Vagyis a fenti (minta) Base Code telepítése csak abban segít, hogy a PageView eseményt tudd mérni.
Ha viszont szeretnéd jobban mérni és azonosítani, hogy a felhasználók mit csinálnak az oldalon, akkor lehetőséged van kiegészítő kódot is megadni a Base Code mellé. Ezt hívják Standard Event-nek (Alapesemény), ahol külön eseményeket tudsz definiálni. Ha például az érdekel, hogy hányan iratkoztak fel a hírlevélre, hányan tették a kosárba a terméket, hányan vásároltak, akkor szükséged lesz ilyen Standard Eventekre is.
Standard Eventek (Alapesemény kódok)
2020. márciusában az alábbi Alapesemény kódok érhetőek el a Facebook Pixel használata során.
- Fizetési adatok megadása – fbq(‘track’, ‘AddPaymentInfo’);
- Kosárba helyezés – fbq(‘track’, ‘AddToCart’);
- Kívánságlistára vétel – fbq(‘track’, ‘AddToWishlist’);
- Regisztráció befejezése – fbq(‘track’, ‘CompleteRegistration’);
- Kapcsolatfelvétel – fbq(‘track’, ‘Contact’);
- Termék testreszabása – fbq(‘track’, ‘CustomizeProduct’);
- Adakozás – fbq(‘track’, ‘Donate’);
- Hely keresése – fbq(‘track’, ‘FindLocation’);
- Fizetés kezdeményezése – fbq(‘track’, ‘InitiateCheckout’);
- Érdeklődő – fbq(‘track’, ‘Lead’);
- Vásárlás – fbq(‘track’, ‘Purchase’, {value: 0.00, currency: ‘USD’});
- Időzítés – fbq(‘track’, ‘Schedule’);
- Keresés – fbq(‘track’, ‘Search’);
- Próbaidőszak indítása – fbq(‘track’, ‘StartTrial’, {value: ‘0.00’, currency: ‘USD’, predicted_ltv: ‘0.00’});
- Jelentkezés elküldése – fbq(‘track’, ‘SubmitApplication’);
- Feliratkozás – fbq(‘track’, ‘Subscribe’, {value: ‘0.00’, currency: ‘USD’, predicted_ltv: ‘0.00’});
- Tartalom megtekintése – fbq(‘track’, ‘ViewContent’);
Magát az Alapesemény kódot (Standard Event) pedig az Alap kód (Base kód) részeként kell megadni, ahogy azt már korábban is néztük.
Ez azért is lényeges, mert ha a Facebook Pixel beállítása során a kezdeti időszakban csak az Alap kódot (Base code) rakod fel és nem állítasz be eseményeket (Standard Event), akkor nem fogsz tudni ezekkel kapcsolatban adatokat elemezni vagy hirdetéseket feladni.
Vagyis a Facebook Pixel helyes beállítása nemcsak annyiból áll, hogy a fejlesztő beköt neked néhány sor kódot, hanem érdemes már üzletileg is átgondolni, hogy pontosan mit akarsz majd mérni. És mi alapján akarsz hirdetni.
A Base Code bekötése nem egy bonyolult feladat, ezt már a legtöbb fejlesztő be tudja kötni. Viszont az események és a mérés megtervezése már stratégiai feladat, amihez érdemes szakértői segítséget igénybe venni.
Facebook Pixel Helper
A Facebooknak van egy saját fejlesztésű Chrome kiegészítője, amely segít azonosítani, hogy az adott weboldalon be van-e kötve a Pixel. Ezt a Chrome Web Store-ból tudod letölteni, az addon neve Facebook Pixel Helper.
Ha felrakod a kiegészítőt, akkor utána be kell kapcsolni.
Ha pedig bekapcsoltad, akkor menj fel egy weboldalra és a böngésző jobb felső sarkában máris ellenőrizni tudod a kis ikonra kattintva, hogy be van-e kötve a Pixel.
A thepitch.hu esetében például ez az információ jelenik meg. Vagyis a kód be van kötve és látszik, hogy milyen eseményt (Pageview) rögzít a Pixel, valamint az is látszik, hogy bizonyos microdata formátumot automatikusan azonosított is a Pixel.
Hol található a Facebook Képpontot?
A Facebook Képpontot (Pixelt) az Eseménykezelő menüpontban a Képpontok alatt találod.
Ha nincs bekötve még Képpont a fiókba, akkor ez a felület fog fogadni. Itt tudod majd létrehozni a Képpontot.
Ezt követően pedig be kell azt kötnöd technikailag.
Pixel bekötési lehetőségek
Erre több lehetőséged is van:
- Manuálisan kötöd be az oldal forráskódjába.
- WordPress weboldal esetében használj egy plugint, például a Pixel Caffeine-t.
- Használd a Google Tag Managert. Ehhez itt találsz részletes leírást.
Ha jól kötöd be a pixelt, akkor az Eseménykezelőben a képpont Aktív állapotot kap és látni fogod az irányítópulton a jelentéseket is.
Ha bekötötted a Pixelt, akkor pedig nekiláthatsz annak, hogy:
- célzott hirdetéseket adj fel és
- jobban mérd a fizetett Facebook hirdetés kampányaidat.
Ez utóbbi már nemcsak „marketinges”, hanem egyben analitikai feladat és segítség is.
A Pixel tehát a jobban célzott hirdetések mellett segít azok hatékonyságának mérésében és optimalizálásában is.
Mit lehet mérni a Pixel segítségével?
A Facebook Pixelt két módon is hozzá lehet kapcsolni a fizetett Facebook hirdetésekhez:
- Konverzióoptimalizálás: ha be van kötve kód, akkor azt felhasználhatod arra, hogy a hirdetéseket konverzióra optimalizálod. Ezt úgy lehet például megcsinálni, hogy a Facebook hirdetési rendszerének azt az utasítást adod, hogy a hirdetést azoknak mutassa meg, akik a nagy valószínűséggel fognak felmenni az oldaladra / vásárolni.
- Konverzió követése: a kód bekötése lehetővé teszi, hogy mérd az weboldaladon történő konverziókat (feliratkozás, fizetés, vásárlás stb). Ebből pedig meg tudod állapítani azt, hogy mennyire teljesít jól egye-egy hirdetésed.
Ami fontos: A Pixel bekötése esetében egyébként ma már nem is a technikai implementáció a nehéz, hanem az, hogy előre meghatározd:
- mit akarsz mérni?
- hogy akarod ezt mérni?
- üzletileg milyen célt szolgál a mérés?
Ha sikeresen szeretnél hirdetni Facebookon, akkor a technikai bekötés előtt ezeket a kérdéseket mindenképp érdemes tisztába tenni.
Facebook hirdetés kezdőknek
Hirdess Te is eredményesebben!
Aktívan használod a Facebook-ot, de még nem használtad a hirdetési rendszert, akkor ez a képzés neked szól. Megérted hogyan gyűjti az adatokat rólad a közösségi oldal és ezt hogyan tudod célzott hirdetések létrehozására használni.
Tetszett a cikk? Szeretnél még több ilyet olvasni?
Akkor iratkozz fel és küldünk egy emailt, ha hasonló cikket írunk!
Hozzászólások
Csak névvel és képpel ellátott kommenteket kérünk. Ha ezt a feltételt nem teljesíti a kommented, akkor törölni fogjuk.