Pro majitele webů
Ať už spolu budeme řešit webovou analytiku nebo měření v Metě skrze Meta pixel, velmi pravděpodobně dojde na téma datové vrstvy (dataLayer). Pokusím se v tomto článku jednoduše vysvětlit, co to vlastně je a proč to na webu potřebujete. Mnoho majitelů webů totiž utrácí za reklamu, aniž by věděli, která kampaň skutečně vydělává.
Co dataLayer netechnicky je?
Datová vrstva (dataLayer) je neviditelná mezivrstva ve vašem webu, kam různé části webu (e-shop, rezervační systém, formuláře) posílají důležité informace o tom, co se právě stalo. Analytické nástroje a reklamní systémy si tyto informace přeberou a dále s nimi pracují.
Na datovou vrstvu je napojený Google Tag Manager (GTM) – nástroj, který tyto informace čte a na jejich základě spouští příslušné akce. Například: když zákazník dokončí objednávku a datová vrstva obsahuje obsah košíku, celkovou hodnotu a způsob dopravy, GTM tuto událost zachytí a předá ji současně do Google Analytics i do Meta Pixelu – přesně se všemi potřebnými údaji.
Bez datové vrstvy GTM nemusí úplně přesně detekovat, kdy událost nastala ani jaká data k ní patří. Triggery jsou nespolehlivé, data neúplná a reporty v Google Analytics nebo výsledky Meta kampaní pak neodpovídají realitě.
Představte si to jako restauraci.
Číšník přinese jídlo ke stolu, ale kuchyni i pokladně řekne jen: „Obsloužil jsem zákazníka.” Nic víc. Kuchyně neví, co vařit příště, pokladna neví, co účtovat, a majitel neví, co se vlastně prodalo.
Datová vrstva je číšník, který si ke každému stolu pečlivě zapisuje do bloku: co si host objednal, za kolik, jestli přišel sám nebo ve dvou, jestli platil kartou nebo hotově. Kuchyně, pokladna i majitel pak čerpají ze stejného zápisníku – každý dostane přesně tu informaci, kterou potřebuje.
Změní mi implementace datové vrstvy vzhled webu?
Pro běžného návštěvníka webu je zcela neviditelná – na stránce se vizuálně nic nemění, žádné tlačítko ani zpráva se neobjeví. Vývojáři a analytici ji ale vidí například v nástrojích prohlížeče a právě přes ni ověřují, že vše funguje správně.
K čemu konkrétně slouží?
- Měření nákupů – přesné sledování co, za kolik a s jakou dopravou zákazník nákup provedl.
- Mediální systémy (Meta, Google Ads, Sklik…) – vrací do systémů informaci o tom, kam se uživatelé proklikli, jaké stránky zobrazili a co a za kolik nakoupili. Tyto informace pak mediální systémy používají pro remarketing a pro doměření konverzí.
- Sledování formulářů – víte, kde zákazníci formulář opouštějí nebo se zasekávají.
Jak datová vrstva zlepší výsledky vašich reklam?
Algoritmy reklamních systémů jako Meta nebo Google Ads cílí na uživatele, u kterých je největší pravděpodobnost, že nakoupí (nebo splní jinou vaši cílovou konverzi). A aby to dokázaly dobře, potřebují kvalitní data. Čím přesnější signály dostanou, tím lépe se naučí, kdo je váš zákazník. Právě tady vstupuje do hry datová vrstva.
Bez datové vrstvy vidí reklamní systémy jen zlomek příběhu.
Bez správně implementované datové vrstvy reklamní systémy typicky vidí jen to, že někdo navštívil stránku s poděkováním po objednávce. Vědí, že došlo ke konverzi — ale nevědí nic víc. Nezná hodnotu objednávky, neví, jaký produkt si zákazník koupil, nerozezná objednávku za 300 Kč od objednávky za 15 000 Kč.
Algoritmus pak optimalizuje kampaň na „co nejvíce konverzí” — ale všechny konverze bez informace o hodnotě objednávky (či dokonce maržovosti) jsou pro systém stejné, bez ohledu na to, jestli byly pro vás ziskové nebo ne.
S datovou vrstvou dostávají algoritmy ke každé konverzi plnohodnotná data — hodnotu objednávky, obsah košíku, informace o zákazníkovi. Na základě těchto signálů se systém učí, kdo jsou vaši nejhodnotnější zákazníci, a začne cílit přednostně na podobné lidi.
Kdo datovou vrstvu nastavuje a jak náročné to je?
Datovou vrstvu nastavuje vývojář – člověk, který má přístup ke zdrojovému kódu vašeho webu. Já jako analytik můžu pro vývojáře připravit zadání: co přesně má vrstva obsahovat a jaká data předávat. Vývojář pak zadání technicky implementuje.
Časová náročnost závisí na složitosti webu. U jednoduchého e-shopu jde o práci v řádu několika jednotek hodin až jednoho dne, u rozsáhlejších projektů se složitějšími procesy může jít o několik dní. Jde ale o jednorázovou práci – po správném nastavení datová vrstva funguje dlouhodobě bez dalších zásahů, pokud se web zásadně nemění.
Pokud si nejste jistí, jestli váš web datovou vrstvu má a jestli správně funguje, ráda se na to podívám, stačí mi napsat nebo vyplnit formulář.
Pro vývojáře
Pokud jste vývojář, který dostal za úkol datovou vrstvu implementovat, zde je stručný přehled toho, co to v praxi znamená.
dataLayer je globální JavaScriptové pole na stránce, do kterého se pomocí dataLayer.push() odesílají objekty s informacemi o událostech. Google Tag Manager toto pole sleduje a reaguje na každý push.
Ukázka DL push
window.dataLayer = window.dataLayer || [];
dataLayer.push({
event: 'purchase',
ecommerce: {
transaction_id: '12345',
value: 1490.00,
currency: 'CZK',
shipping: 99.00,
items: [
{
item_id: 'SKU-001',
item_name: 'Červený svetr',
price: 890.00,
quantity: 1
}
]
}
});
Kdy push volat
Push volejte vždy na straně serveru nebo v okamžiku, kdy jsou data spolehlivě dostupná – ne na základě DOM událostí tam, kde to není nutné. Zejména u purchase eventu je kritické volat push až po potvrzení objednávky.
Konkrétní seznam eventů závisí na projektu, ale nejčastěji jde o:
- Pageview s kontextem | typ stránky, kategorie, příp. přihlášený uživatel
- E-commerce události |
view_item_list,view_item,add_to_cart,remove_from_cart,begin_checkout,add_shipping_info,add_payment_info,purchase;a parametry k událostem (product_id, product_name, value…) - Formuláře | odeslání formuláře s rozlišením typu (kontakt, poptávka, registrace)
- Vlastní události | podle specifik webu (přihlášení, vyhledávání, klik na konkrétní prvek)
Ke každému eventu připravím specifikaci: název eventu, seznam parametrů a jejich datové typy. Nebudete muset nic vymýšlet, dostanete přesné zadání.
Poznámka: Článek záměrně zjednodušuje některé technické detaily – cílem je přiblížit téma dataLayeru pro majitele webů bez hlubší technické znalosti.

Leave a Reply
You must be logged in to post a comment.