Jak vložit Facebook Pixel přes Google Tag Manageru

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
Implementace do Google Tag Manageru
Kontrola
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 -->

!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>

src="https://www.facebook.com/tr?id=1377266849068889&ev=PageView&noscript=1"

/></noscript>

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”