Web, UX & Technologie

Pixel (web)

Malý kód vložený na web pro sledování chování uživatelů

(Tracking Pixel)

Co je pixel (web)

Pixel (web) je měřicí kód vložený do stránky, který při jejím načtení odešle informaci o návštěvě na server měřicího systému. Název pochází z původní podoby: průhledného obrázku o velikosti jeden krát jeden pixel, jehož stažení si server poznamenal. Obrázek byl neviditelný, požadavek na něj se ale objevil v logu.

Dnes je za tím skoro vždy JavaScript

Obrázková varianta se drží už jen jako nouzová záloha, typicky v e-mailech nebo tam, kde skripty neběží. Všechno ostatní jede na JavaScriptu, protože obrázek dokáže říct jen tolik, že se stránka načetla. Skript pozná rozlišení obrazovky, jazyk prohlížeče, odkud člověk přišel, na co kliknul a jestli doscrolloval k patičce.

Kam se vkládá

Do šablony webu, aby byl na všech stránkách. Ruční vlepování do zdrojového kódu ale skončilo ve chvíli, kdy jich na běžném webu běží pět a víc: měření návštěvnosti, reklamní systémy, chat, heatmapy. Proto se dnes nasazují přes správce značek, nejčastěji Google Tag Manager. Do webu se jednou vloží jeho kontejner a všechno další se řeší v rozhraní, bez zásahu programátora a bez čekání na nasazení.

Co pixelu ubírá data

Blokátory reklam zahazují požadavky na známé měřicí domény. Prohlížeče omezují cookies třetích stran a zkracují jejich životnost. A v Evropě marketingový pixel nesmí vystřelit dřív, než návštěvník odklikne souhlas na cookie liště. Reálně tedy měříte menší část provozu, než si myslíte.

Odpovědí bývá přesun měření na stranu serveru. Data neposílá prohlížeč rovnou cizí službě, ale putují přes server provozovatele webu, který je teprve předá dál. Nastavení je pracnější a nezachrání to, co člověk v souhlasu zakázal, proti blokování v prohlížeči je ale odolnější.

Ověření po nasazení kódu

Nasazení pixelu podle mě není hotové ve chvíli, kdy se kód objeví na webu. Skoro pokaždé ověřuju dvě věci: jestli se událost nezapočítá dvakrát při obnovení stránky a jestli měření respektuje volbu z cookie lišty. Obojí se odhalí za deset minut a obojí dokáže znehodnotit celý report. Konkrétní události a publika reklamního systému Meta patří k Facebook Pixelu, tady zůstávám u technologie samotné.

Časté otázky

Jaký je rozdíl mezi pixelem a cookie?

Pixel je kód, který odešle informaci o návštěvě. Cookie je malý soubor uložený v prohlížeči a nese identifikátor, podle kterého systém pozná, že jde o téhož člověka i při další návštěvě. Pixel bez cookie měří jednotlivá načtení, ale neposkládá z nich chování jednoho uživatele.

Zpomalí pixel načítání webu?

Jeden asynchronně načítaný skript se na rychlosti prakticky neprojeví. Problém nastává u webů, kde se za roky nabalila desítka měřicích a marketingových skriptů, které nikdo neodstranil. Vyplatí se je jednou za čas projít a nepoužívané smazat.

Musím mít na měřicí pixel souhlas návštěvníka?

U marketingových a analytických pixelů ano, souhlas se v Evropské unii sbírá přes cookie lištu a měření se spouští až po něm. Bez souhlasu smí běžet jen to, co je nutné pro fungování webu. Posouzení konkrétní situace ale patří právníkovi, ne marketérovi.