Jak naplno využít dataLayer v kampaních Mailocatoru

dataLayer je klíčovým nástrojem pro personalizaci kampaní. Při správném využití umožňuje cílit obsah podle chování uživatelů, výrazně zvyšuje výkon kampaní a zároveň zlepšuje celkový uživatelský dojem.

Co je dataLayer, jeho historie a k čemu slouží

dataLayer je globální JavaScriptový objekt (pole objektů), který slouží jako jednotné datové rozhraní mezi nástroji, které na svém webu používáte (analytika, e-shop, e-mailing atd.)

Nejvíce se rozšířil s nástupem Google Tag Manageru, který jej používá jako primární zdroj dat. Postupně se ale stal de facto standardem i mimo ekosystém Googlu, protože umožňuje:

• strukturovaně ukládat informace o uživateli, obsahu a kontextu stránky,
• oddělit data od konkrétní implementace měření,
• bezpečně a konzistentně předávat informace více nástrojům najednou.

Příklad

dataLayer.push({
  pageType: "product",
  productCategory: "Shoes",
  userType: "registered",
  language: "cs"
}); 

Jak zjistím, že mám dataLayer na webu?

• snando, v konzoli prohlížeče zadejte dataLayer a měli byste vidět seznam objektů

Praktické příklady využití dataLayeru

Nejde jen o cílení, ale o skutečnou dynamickou úpravu obsahu a vzhledu kampaně podle kontextu stránky.

Personalizovaný text

Nejjednodušší a zároveň velmi efektivní využití je doplnění hodnoty z dataLayeru přímo do textu kampaně pomocí zástupce:

Speciální nabídka pro kategorii [[productCategory]] 

Mailocator při zobrazení kampaně automaticky nahradí zástupce aktuální hodnotou z dataLayeru. Uživatel tak vždy vidí sdělení, které odpovídá obsahu stránky, na které se nachází.

Výsledkem je jedna kampaň, která:

obsahuje text relavantní pro danou kategorii namísto obecného textu

Pokročilý příklad: práce s cenami a alternativami produktu

V některých e-shopech se do dataLayeru propisují nejen základní informace o produktu, ale také jeho cena a alternativní produkt včetně ceny. To otevírá prostor pro velmi sofistikované scénáře, které mají přímý dopad na konverze.

Typický příklad dat v dataLayeru může vypadat následovně:

dataLayer.push({
  productPrice: 2490,
  alternativeProduct: "Model B",
  alternativePrice: 1990
}); 

Na základě těchto hodnot lze jednoduchým výpočtem přímo v kampani Mailocatoru zjistit cenový rozdíl, například v procentech. Mailocator tak může dopočítat, o kolik je alternativní produkt levnější, a tuto informaci přímo využít v obsahu kampaně.

Ušetříte až [[((productPrice - alternativePrice) / productPrice) * 100]] % 

Výsledkem může být například popup nebo notifikace ve stylu:
„Ušetříte až 20 %“

Změna vizuálu pomocí CSS třídy

dataLayer lze využít i pro pokročilejší scénáře, kdy se nemění jen text, ale celý vizuální styl kampaně. Například přidáním dynamické části názvu CSS třídy:

div class="campaign campaign--[[productCategory]]" 

Na základě hodnoty productCategory pak můžete mít v CSS definované různé styly:

.campaign--electronics { background: #0a2540; }
.campaign--fashion { background: #f5e6ff; }

Výsledkem je jedna kampaň, která:

automaticky mění barvy, obrázky nebo layout,

reaguje na obsah stránky bez další logiky,

působí konzistentně a přirozeně v každém kontextu.

Proč dává smysl využít datovou vrstvu?

Tyto přístupy umožňují vytvářet vysoce flexibilní kampaně bez nutnosti jejich duplikace.

dataLayer se tak stává mostem mezi obsahem webu a vizuální i obsahovou personalizací kampaní, což vede k vyšší relevanci, lepšímu výkonu a lepšímu uživatelskému dojmu.