Základní návod pro vložení Facebook Pixelu přes Google Tag Manager od vygenerování po kontrolu a spuštění.
Vygenerování Facebook Pixelu
Ve Správci událostí Facebook přejděte na přehled Pixely.
Facebook – Správce značekPokud nemáte ještě žádný Facebook Pixel vytvořený, klikněte na tlačítko „Vytvořit pixel“.
V okně dejte opět „Vytvořit“.
Instalace Facebook Pixel kódu nabízí tři možnosti implementace:
- Použít integraci nebo správce značek – pomocí průvodce umožní vložit Facebook Pixel do vašeho Google Tag Manageru. Rozděluje se na jednoduchou a ruční instalaci.
- Ruční instalace kódu – vložení kódu ručně do šablony, v našem případně do Google Tag Manageru.
- Poslat pokyny vývojáři e-mailem – umožní zaslat vygenerovaný kód přímo vývojářům.
Pro naši ukázku vyberte „Ruční instalace kódu“.
Ukázka zkopírovaného kódu obsahuje samotný skript a noscript tag pro spuštění, pokud má uživatel zakázaný javascript:
<!-- 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', '123456789');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1377266849068889&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
Implementace do Google Tag Manageru
Vytvořte si novou značku s nastavením:
- Název značky – pojmenujte značku, např „Facebook Pixel“
- Konfigurace značky – Facebook není v přednastavených značkách, proto vyberte „Vlastní HTML“ a vložte Facebook Pixel kód
- Rozšířené nastavení – „Možnosti spuštění značky“ nastavte na „Jednou za stránku“, aby Google Tag Manager pohlídal, že se značka spustí pouze jednou za stránku
- Spouštění – vyberte „All pages“ (Všechny stránky)
Celá značka vypadá po nastavení následovně:
Kontrola
Přepněte Google Tag Manager do módu prohlížení
Pokud se Google Tag Manager přepnul správně, uvidíte zobrazený boxík „Zobrazuje se náhled pracovního prostoru…“
Následně se přepněte ve stejném prohlížeči do nové záložky, kde si zobrazte stránky, kde je nasazený Google Tag Manager, v kterém nyní děláte úpravy.
Po načtení (případně si stránky obnovte pomocí CTRL+F5) se zobrazí ve spodní části Google Tag Manager konzole.
Zkontrolujte si, že je tag „Facebook pixel“ spuštěn v události „Page View“.
Pokud nevidíte konzoli celou, zkuste kliknutím za horní hranu více vysunout. Konzoli můžete také celou minimalizovat a zase zobrazit.
Google Tag Manager konzolí zkontrolujete pouze spuštění značky jako takové.
Pro finální kontrolu Facebook Pixelu doporučuji stáhnout oficiální doplněk Facebook Pixel Helper do prohlížeče Google Chrome. Po instalaci doplňku obnovte stránku, doplněk se zobrazí jako ikonka Facebooku v horní části lišty prohlížeče.
Klikněte na ikonku a po zobrazení okna zkontrolujte, že Pixel s daným ID je spuštěný a PageView je s ikonkou, že je vše v pořádku.
Pixel ID naleznete přímo ve vloženém kódu, hledejte řádek „fbq(‚init‚, ‚123456789‚);“
Spuštění
Pokud je vše v pořádku, můžete změny publikovat a to kliknutím na „Odeslat“.
V dialogovém okně nechte vybranou možnost „Publikovat a vytvořit verzi“, pojmenujte verzi např. „facebook pixel“ v poli „Název verze“ a změny proveďte kliknutím na tlačítko „Publikovat“
