A Meta Pixel (korábbi nevén Facebook Pixel) egy rövid JavaScript kódrészlet, amely elengedhetetlen minden olyan weboldal számára, ahol hirdetési tevékenység folyik vagy tervezett. Ez a kód teszi lehetővé a látogatói interakciók mérését, a konverziók követését és a precíz remarketing listák építését.
1. Miért ne nyúlj bele a sablonfájlokba?
Sokan próbálják a kódot közvetlenül a sablon header.php fájljába illeszteni. Ez két okból is kerülendő:
- Frissítéskor eltűnik: Amint frissíted a WordPress témádat, a rendszer felülírja a fájlokat, így a manuálisan beírt Pixel kódod azonnal törlődik, és megszűnik az adatgyűjtés.
- Veszélyes: Ha nem vagy jártas a PHP kódolásban, egyetlen elütés vagy rossz helyre tett karakter is „fehér halált” (betölthetetlen weboldalt) okozhat.
A modern szerkesztőknek (Bricks, Elementor, Divi stb.) mind megvan a saját, dedikált helye ezekre a kódokra, ami frissítésbiztos és biztonságos. Ha nem ilyen eszközt használsz, akkor is egy kódkezelő bővítmény (Snippet plugin) a helyes út.
2. A kód beszerzése
A kódot a Meta Eseménykezelő (Events Manager) felületén generálhatod le. Az Adatforrások menüpont alatt a Pixel beállítása opciót választva kapod meg a manuális telepítéshez szükséges kódrészletet. Ez egy script blokkból és egy noscript blokkból áll.
3. Telepítés Bricks Builder alatt
A Bricks natív megoldást kínál a külső szkriptek kezelésére, így nincs szükség plusz bővítményre.
- Lépj a WordPress admin felületén a Bricks > Settings (Beállítások) menüpontba.
- Kattints a Custom Code fülre.
- A teljes másolt kódot illeszd be a Header scripts mezőbe.
- (Opcionális profi beállítás): A kód noscript részét kivághatod és beillesztheted a Body (header) scripts mezőbe.
- Mentés után ürítsd a weboldal gyorsítótárát.
4. Telepítés Elementor Pro alatt
Az Elementor saját Custom Code funkciója a legtisztább megoldás a kód elhelyezésére.
- Az admin felületen válaszd az Elementor > Custom Code menüpontot.
- Kattints az Add New gombra.
- Adj nevet a kódrészletnek (pl. Meta Pixel Base Code).
- A Location (Helyszín) maradjon head.
- Illeszd be a kódot a szövegmezőbe.
- A Publish gombra kattintva a felugró ablakban állítsd be a megjelenési feltételt: Entire Site (Teljes weboldal).
5. Adatvédelem és Cookie-kezelés (GDPR)
Ha a weboldaladon használsz süti-kezelő bővítményt (például CookieYes vagy Complianz), a fenti módszerek helyett a bővítmény saját felületét kell használnod.
A probléma: Ha a szerkesztő beállításaiba teszed a kódot, az azelőtt elindul, hogy a látogató engedélyt adna rá, ami sérti a GDPR szabályait. A megoldás: A süti-kezelő beállításaiban keresd a Marketing vagy Tracking szkriptek szekciót. Ide illeszd be a Pixelt. Így a bővítmény csak akkor aktiválja a kódot, ha a látogató az Elfogadom gombra kattintott.
6. Ellenőrzés és validálás
A telepítés sikerességét soha ne szemrevételezéssel ellenőrizd. Használd a Meta Pixel Helper nevű Chrome böngészőbővítményt.
Az oldal betöltése után a bővítmény ikonjának kékre kell váltania. Ha rákattintasz, látnod kell a PageView eseményt és a zöld pipát a Pixel ID-d mellett. Ha hibaüzenetet kapsz, ellenőrizd, hogy nem blokkolja-e a böngésződ a követőkódokat (pl. AdBlock), vagy ürítetted-e a szerveroldali gyorsítótárat.
SEGÍTSÉGRE VAN SZÜKSÉGED?
Amennyiben elakadtál a beállítással, vagy profi segítségre van szükséged a weboldalad technikai optimalizálásában, keress bizalommal az orkenyi.hu oldalon!
