Jak nainstalovat Facebook pixel

V tomto článku se dozvíte, k čemu slouží Facebook pixel a jak jej krok po kroku nainstalovat. Pixel Facebooku se vkládá přímo do zdrojového kódu stránky a tak jej obvykle nebudete vkládat vy sami a o instalaci požádáte svého programátora nebo správce webu. WordPressové stránky mají pro vkládání sledovacích kódů jednoduché pluginy a instalaci pak zvládne i mírně zkušený uživatel. Další možností je vložení skriptu přes Google Tag Manager, ale tím se tento článek nezabývá a podíváme se na něj v jiném příspěvku.

Co je Facebook pixel

Pixel Facebooku je sledovací kód, který má podobu JavaScriptu a po jeho instalaci umožňuje propojení vašeho reklamního účtu na Facebooku s vaším webem. Vy pak můžete analyzovat návštěvnost pocházející z Facebooku, zpětně oslovovat návštěvníky webu formou remarketingových reklam (včetně dynamického remarketingu, který zobrazuje přesně ty produkty, které si návštěvník prohlédl) a hlavně vyhodnocovat efektivitu reklam a jejich dopadů na konverze. Těmi můžou být například nákupy na eshopu, vyplnění formuláře nebo jen prosté zobrazení cílové stránky.

Pixelové události

Abyste mohli měřit všechny akce prováděné na webu, budete muset váš Facebook pixel obohatit o další části kódu. Těm říkáme události. Po instalaci událostí pak budete moci například sledovat právě zmíněné vyplněné formuláře, přidání produktu do nákupního košíku eshopu nebo dokončené nákupy. Z těchto událostí pak následně můžete tvořit reklamní publika pro specifické cílení.

Generování pixelu

Pixel se generuje v reklamním účtu (Business Manager – záložka Pixely – Vygenerovat pixel). Standardně se využívá 1 reklamní účet pro 1 pixel, ale nyní lze pro jeden reklamní účet vygenerovat až 10 pixelů. Kód pixelu je vždy stejný, liší se pouze v ID pixelu (označeno červeně v kódu).

Jak se dá pixel nasadit na web?

  1. Pomocí nástrojů třetích stran

Google tag manager

Shopify

BigCommerce

Magneto

Squarespace

Eventbrite

GoDaddy

LeadPages

Weebly

Wix

WordPress

Informace k nastavení jednotlivých nástrojů třetích stran:

https://business.facebook.com/business/help/1179210765468894

  1. Ruční instalace kódu do zdrojového kódu webu

Přidejte si na web kód pixelu tak, aby se načítal na každé webové stránce. Obvykle se to dělá tak, že ho přidáte do globální hlavičky webu.

Vyhledejte kód hlavičku webu

Najděte v kódu webu značky <head> </head>. Případně v CMS nebo na platformě webu vyhledejte šablona záhlaví.

 

<!– Příklad –>

!DOCTYPE html>

<html lang=“en“>

<head>

<script>…</script>

insert_pixel_code_here

</head>

 

Zkopírujte celý kód pixelu a vložte ho do hlavičky webu

Vložte kód pixelu na konec oddílu hlavičky, tedy hned nad značku </head>. Kód Facebook pixelu se dá v hlavičce vašeho webu přidat nad nebo pod stávající značky pro sledování (například Google Analytics).

 

<!– 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‘, ‚829602803873208‚);

 fbq(‚track‘, ‚PageView‘);

</script>

<noscript><img height=“1″ width=“1″ style=“display:none“

 src=“https://www.facebook.com/tr?id=829602803873208&ev=PageView&noscript=1″

/></noscript>

<!– End Facebook Pixel Code –>

 

Většinu Facebook Pixelu byste neměli měnit. Kromě těchto částí:

  • Pixel initialization řádek, kam vložíte ID vašeho Facebook pixelu fbq(‚init‘, ‚<FACEBOOK PIXEL ID>‘);
  • Event, který vložíte na řádek za fbq(‚track‘, ‚PageView‘);
  • Event vypadá takto: fbq(‚track‘, /* eventName */, {/* customData */});
  • Noscript obsah mezi tagy <noscript> and </noscript>
  • Noscript se spouští na prohlížečích, které nepodporují Javascript. Hodnoty parametrů by měly být odpovídajícím způsobem aktualizovány pro každý event.

Vyzkoušejte funkčnost pixelu

Zkontrolujte si stav kódu pixelu tím, že provedete zkušební návštěvu. Pokud se stav zobrazuje jako Aktivní (v záložce Pixel v BM), pak je váš kód nainstalovaný správně. Může to několik minut trvat. Pro důkladnější kontrolu si nainstalujte rozšíření pro Chrome, která kontroluje Facebook pixel – Facebook Pixel Helper.

Rozšíření základního pixelu o události

Událost je jakákoli akce na vašem webu, kterou jde sledovat – třeba když někdo klikne na tlačítko nebo navštíví stránku. S Facebook pixelem můžete identifikovat události, které vás zajímají, a rozdělit je do kategorií (třeba Add to Cart nebo Purchase), které odráží akci návštěvníka.

Jak přidám události pixelu?

Pro každou událost, kterou chcete sledovat, musíte na svůj web umístit fragment kódu. Kód nám pomáhá rozpoznat, když někdo podnikne akci. Kód můžete umístit dvěma způsoby:

  • Track Event on Page Load, když je někdo v důsledku svojí akce přesměrovaný na novou stránku, třeba když se po dokončení nákupu zobrazí stránka potvrzení objednávky.
  • Track Event on Inline Action. Tím budete moct sledovat tlačítka a další dynamické prvky stránky.

facebook pixel události

 

U každé události také můžete přidat různé parametry (hodnota, měna, ID objednávky,…). Doporučujeme minimálně upravit událost Purchase tak, aby se dynamicky načítala hodnota objednávky v požadované měně.

Podrobnější informace o událostech, jejich využití a (povinných) parametrech naleznete na:

https://developers.facebook.com/docs/ads-for-websites/pixel-events/v2.12#events

Dynamický remarketing

Dynamický remarketing je funkce, která umožňuje cílení reklam na návštěvníky webu a zobrazuje jim přesně ty produkty, o které projevili zájem a navštívili produktový detail. Tyto reklamy určitě znáte z pohledu návštěvníka a je možné, že vám trochu zkomplikovaly vánoční moment překvapení. Na obranu dynamického remarketingu je třeba říct, že se jedná o nejkonverznější typ reklam na Facebooku (a Instagramu) a tak je doporučujeme prakticky všem správcům eshopů. Pro tento typ reklam je Facebook pixel nezbytnou součástí.

Povinné události a parametry pro produktový dynamický remarketing

Pokud chcete vytvářet také Dynamic Product Ads (DPA), je důležité upravit ViewContent, AddToCart a Purchase tak, aby byly provázány s produktovým katalogem. Parametr content_ids musí být upraven takto: content_ids: [‚<product_id>‘] a u Purchase takto: content_ids: [‚<product_id1>‘, ‚<product_id2>‘, ‚<product_id3>‘], kde <product_id> musí být nahrazeno ID z XML Product Feedu. U AddToCart na webu, kde se košík plní dynamicky například po kliknutí na tlačítko, by se měl event spustit po jeho stlačení. V tomto případě musí být do pixelu přidán takovýto kousek kódu:

 

<button onclick=’fbq([„track“, „AddToCart“, { content_ids: [„<product_id>“], content_type: „product“}])‘>Add to Cart</button>

 

Další pomoc

Pokud jste narazili na jakékoliv problémy a Facebook pixel se vám nedaří nainstalovat, můžete nás kontaktovat a my vám pomůžeme. Pokud byste se chtěli dostat více do problematiky Facebookových reklam, nabízíme dvě úrovně školení reklam. Těmito kurzy prošly firmy jako Veolia, Leo Express, Tilak nebo Moravskoslezský kraj.

 

 

 

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *