Meta Pixel (dříve Facebook Pixel) je základní nástroj pro každou restauraci, která chce měřit výsledky svých Facebook a Instagram reklam. Nainstalovat ho na web restaurace je přímočarý technický úkol, který zvládnete i bez vývojáře — pokud víte, kde hledat a jak postupovat.
Tento průvodce se zaměřuje konkrétně na instalaci: jak získat kód Pixelu, jak ho vložit na web a jak ověřit, že správně funguje. Vysvětlení, proč Pixel potřebujete a jak ho využít pro reklamní kampaně, najdete v průvodci /blog/propojeni-meta-pixelu-s-webem.
Proč na tom záleží
Bez Pixelu na webu restaurace létají vaše reklamní peníze do tmy. Víte, kolik lidí reklamu vidělo a kolik na ni kliklo — ale nevíte, zda skutečně navštívili stránku s rezervacemi, prohlédli si menu nebo zavolali. Pixel tyto mezery vyplňuje a umožňuje optimalizovat reklamy pro skutečné výsledky, ne jen pro kliknutí.
Co budete potřebovat
Meta Business Manager s aktivním reklamním účtem. Meta Pixel vytvořený v Event Manageru (viz průvodce výše). Přístup k administraci webu restaurace — buď přístup do WordPress administrace, Wix editoru, Squarespace nebo přímý přístup ke kódu webu.
Jak získat kód Meta Pixelu
Krok 1: Otevřete Event Manager
Přejděte na business.facebook.com a klikněte na Event Manager v horním menu nebo přejděte přímo na business.facebook.com/events_manager.
Krok 2: Vyberte svůj Pixel
V levém panelu vyberte datový zdroj — váš Meta Pixel. Pokud ještě Pixel nemáte, klikněte na Propojit zdroje dat → Web → Meta Pixel a vytvořte ho.
Krok 3: Otevřete průvodce nastavením
Klikněte na Nastavit Pixel nebo záložku Přidat události. Meta vám nabídne tři způsoby instalace.
Instalace přes WordPress
WordPress je nejpoužívanější CMS pro weby restaurací a instalace Pixelu je zde nejjednodušší.
Metoda A: Plugin Meta Pixel
- V WordPress administraci přejděte na Pluginy → Přidat nový.
- Vyhledejte „Meta Pixel" nebo „Facebook for WordPress".
- Nainstalujte a aktivujte plugin od Meta Platforms.
- V nastavení pluginu klikněte na Propojit s Meta a přihlaste se svým Facebook účtem.
- Vyberte Business Manager a Pixel, který chcete propojit.
- Plugin automaticky vloží kód Pixelu na všechny stránky webu.
Metoda B: Plugin PixelYourSite (alternativa)
- Nainstalujte a aktivujte plugin PixelYourSite z WordPress repozitáře.
- V nastavení pluginu zadejte Pixel ID — číselný identifikátor z Event Manageru.
- Uložte nastavení. Plugin vloží Pixel na celý web.
Instalace na Wix
- V Wix editoru klikněte na ikonu Nastavení (ozubené kolo) → Sledovací a analytické nástroje.
- Klikněte na Přidat nový nástroj → Facebook Pixel.
- Zadejte Pixel ID z Event Manageru.
- Klikněte na Uložit. Wix automaticky vloží Pixel na celý web.
Instalace na Squarespace
- V Squarespace administraci přejděte na Nastavení → Pokročilé → Integrace s externími službami.
- Vyhledejte Facebook Pixel nebo přejděte na Kód → Záhlaví.
- Vložte kód Pixelu do sekce záhlaví.
- Uložte změny.
Ruční instalace kódu do HTML
Pro weby s přímým přístupem ke kódu nebo pro jiné CMS platformy:
Krok 1: Zkopírujte kód Pixelu
V Event Manageru klikněte na Nastavit Pixel → Ručně přidat kód Pixelu na web. Meta zobrazí základní kód Pixelu ve formátu:
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){...}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'VÁŠ_PIXEL_ID');
fbq('track', 'PageView');
</script>
<noscript>...</noscript>
<!-- End Meta Pixel Code -->
Krok 2: Vložte kód do sekce <head> webu
Otevřete zdrojový kód šablony webu (zpravidla soubor header.php nebo head.html). Vložte zkopírovaný kód Pixelu těsně před zavírací tag </head>. Kód musí být přítomen na každé stránce webu, aby Pixel fungoval kompletně.
Krok 3: Uložte a nahrajte soubory
Uložte upravený soubor šablony a nahrajte ho na server. Pokud používáte FTP, použijte svého FTP klienta; pokud spravujete web přes cPanel nebo podobný panel, použijte správce souborů.
Instalace přes Google Tag Manager
Pro weby využívající Google Tag Manager je instalace přes GTM nejflexibilnější možností, protože nevyžaduje zásah do kódu webu:
- Přihlaste se do Google Tag Manager.
- Klikněte na Nový tag → Konfigurace tagu → Vlastní HTML.
- Vložte kód Meta Pixelu.
- V sekci Triggery zvolte All Pages (Všechny stránky).
- Pojmenujte tag „Meta Pixel" a uložte.
- Klikněte na Publikovat pro aktivaci.
Ověření funkčnosti instalace
Meta Pixel Helper
Nainstalujte rozšíření Meta Pixel Helper pro Google Chrome z Chrome Web Store. Přejděte na web restaurace. Pokud je Pixel správně nainstalován, ikona rozšíření se změní na zelenou a zobrazí se potvrzení o aktivním Pixelu.
Event Manager — Test events
V Meta Event Manageru klikněte na svůj Pixel → záložka Test events. Přejděte na web restaurace — v Event Manageru byste měli vidět živé události PageView. Pokud se události zobrazují, instalace proběhla úspěšně.
Časté problémy a jejich řešení
Pixel Helper zobrazuje „Pixel not found". Pixel kód není správně vložen do sekce <head> nebo nebyl uložen. Zkontrolujte, zda se kód skutečně načítá na webu — v prohlížeči stiskněte F12 → záložka Zdroj a vyhledejte „fbq".
Pixel Helper zobrazuje „Multiple Pixels Detected". Pixel je na webu duplikován — jednou ručně a jednou přes plugin. Odstraňte jednu z verzí.
Pixel funguje na hlavní stránce, ale ne na ostatních. Kód byl vložen pouze na hlavní stránku, nikoli do společné šablony. Ujistěte se, že kód je v globální šabloně (header.php nebo ekvivalent), ne jen na jedné stránce.
Tipy pro správnou instalaci
Vložte Pixel co nejdříve ve zdrojovém kódu. Pixel by měl být první nebo druhý skript v sekci <head> — před jinými analytickými skripty (Google Analytics, Hotjar). Tím zajistíte, že se načte co nejdříve i u návštěvníků, kteří stránku zavřou rychle.
Respektujte GDPR. V České republice musíte mít souhlas návštěvníka s analytickým sledováním před aktivací Pixelu. Nastavte Pixel tak, aby se aktivoval až po udělení souhlasu v cookie banneru.
Často kladené otázky
Potřebuji vývojáře pro instalaci Pixelu?
Pro WordPress, Wix nebo Squarespace ne — instalace přes plugin nebo integraci zvládnete sami. Pro weby s vlastním HTML nebo jiným CMS je pomoc vývojáře doporučena.
Ovlivní Pixel rychlost načítání webu restaurace?
Minimálně. Meta Pixel je navržen tak, aby načítání webu zpomaloval co nejméně (načítá se asynchronně). Správně instalovaný Pixel by neměl mít měřitelný vliv na rychlost webu.
Jak poznám Pixel ID?
Pixel ID je číselný identifikátor zobrazený v Event Manageru v záhlaví Pixelu nebo v URL (číslo za /pixel/). Vypadá přibližně takto: 1234567890123456.