Vildo Pixel

Nastavení Vildo pixelu přes Google Tag Manager

Pokud provozujete fashion e-shop, jednou z možností, kde své zboží můžete dále prodávat, je módní vyhledávač Vildo. Nabízet své produkty na Vildo.cz pomůže kromě zvýšení počtu objednávek i budovat povědomí o značce.

Jak propojit e-shop od ByznysWebu s Vildo.cz?

Kromě registrace e-shopu je potřeba vložit tzv. Vildo pixel k měření konverzí.

V tzv. datové vrstvě e-shopu se nachází údaje, které je možné využít pro nastavení Vildo pixelu. Celé nastavení se realizuje pouze v Google Tag Manageru. Funkcionalita pozůstává z kódu, který se aktivuje na každé stránce webu, a konverzního kódu, který odesílá údaje o objednávce.

Tag Manager (GTM nebo správce značek) byste už měli mít na svém eshopu nastaven dle návodu. To znamená, že jste kód kontejneru, například:

vložili v administraci, do sekce NASTAVENÍ / MARKETING a PPC / GOOGLE TAG MANAGER:

Jako první se nastavuje kód, který se aktivuje na každé stránce. V Tag Manageru vyberte Značky a klikněte na Nová:

Z nabídky možných značek si vyberte typ Vlastní HTML a následně vložte kód Vildo pixelu a aktivaci nastavte na všech stránkách:

Tím je toto nastavení dokončeno.

Pro konverzní kód Vildo pixelu bude potřeba načíst údaje z datové vrstvy e-shopu. První přidáme nový spouštěč. Spouštěč si vhodně pojmenujte a jako volbu typu spouštěče vyberte Zobrazení stránky:

Jelikož má být spouštěč aktivní jen na stránce po dokončení nákupu, bude potřeba jej upřesnit. Vyberte Některé zobrazení stránky a z možností spuštění podmínku pageType, který obsahuje purchase, a takto nastavený spouštěč uložte. 

Ten zabezpečí potřebné spuštění jen na stránce po dokončení nákupu.

Budeme potřebovat definovat následující proměnné:

Postup je vždy stejný. Po kliknutí na vytvoření nové proměnné je pojmenujeme a z nabídky typu proměnné vybereme možnost Proměnná datové vrstvy:

S výjimkou posledních dvou proměnných jde o jednoduché načtení a uložení proměnné z datové vrstvy e-shopu do Google Tag Manageru. Pro lepší orientaci se používá i shodný název s názvem proměnné, jak ukazuje příklad transactionId:

Kvůli tomu, že v datové vrstvě e-shopu se nachází jen ceny produktů bez DPH, budeme potřebovat pomocné proměnné, které přepočet na cenu s DPH zrealizují. Jde o proměnné transactionProducts.1.price.s.dph a transactionProducts.2.price.s.dph, které jsou typu Vlastní kód v jazyku JavaScript.

Princip je jednoduchý – vezmou proměnnou ceny bez DPH a udělají přepočet následujícím kódem:

function() {
return {{transactionProducts.1.price}} * 1.21;
}

Posledním krokem je nastavení značky konverzního kódu Vildo pixelu. Ve Značkách vytvořte novou značku typu Vlastní HTML:

<script type="text/javascript">

(function(d,t,i) {
if(i["vildo_px"]) {
conversion();
return;
}
i["vildo_px"] = 1;
var script = d.createElement(t); script.async = true;
script.src = '//px.vildo.cz/scripts/px.js';
script.onload = script.onreadystatechange = function() {
//var rs = this.readyState; if (rs && (rs != 'complete') && (rs != 'loaded')) return;
conversion();
}
d.body.appendChild(script);

function conversion() {
vildoPX.setIdOrder("{{transactionId}}"); // ID objednávky
//zde vložte produkty
vildoPX.setProducts(
[
{"product_id": {{transactionProducts.0.sku}}, "price": {{transactionProducts.0.price.s.dph}}, "quantity": {{transactionProducts.0.quantity}}, "name":"{{transactionProducts.0.name}}"},
{"product_id": {{transactionProducts.1.sku}}, "price": {{transactionProducts.1.price.s.dph}}, "quantity": {{transactionProducts.1.quantity}},"name":"{{transactionProducts.1.name}}"}
]
);
vildoPX.setTotalPrice({{transactionTotal}}); // cena objednávky bez dopravy, včetně dph
vildoPX.setCurrency("CZK"); // iso kód měny objednávky
vildoPX.vildoEvent("conversion");
}
})(document, 'script', window);

</script>

Do kódu jsou vloženy proměnné, které jsme si definovali předtím. Pokud použijete jiné názvy proměnných, je potřeba je upravit i v tomto kódu.
Jako spouštěč této značky vyberte spouštěč, který jsme si předtím nastavili na aktivaci na stránce dokončení nákupu.

Nakonec nezapomeňte celé nastavení otestovat, abyste měli jistotu, že Vildo pixel bude fungovat.