Implementujte Biano Pixel pomocou Mergado Packu a Google Tag Manageru 

Toto je obyčajná konštanta, ktorej hodnota bude naše Merchant ID.

Túto premennú musíte definovať ako Premennú Dátovej Vrstvy (Data Layer Variable). Pomôže nám k tomu práve spomínaný dataslayer. Na produktovej stránke otvoríte vývojárske nástroje (pravým kliknutím myši a zvolíme Preskúmať alebo stlačením funkčného klávesu f12).

Vidíte, že ID produktu je v štruktúre na “5. úrovni” – teda ecommerce.detail.products.0.id. Hodnotu hľadajte pri evente viewItem.

Vytvoríte novú premennú a nazvete ju napríklad Product ID. Ako typ zvolíte Data Layer Variable, názov premennej ecommerce.detail.products.0.id a verzia dátovej vrstvy 2.

Pri ostatných premenných dátovej vrstvy postupujete rovnako.

• c. Product ID - AddToCart — názeov premennej ecommerce.add.products.0.id 
• d. Quantity - názov ecommerce.add.products.0.quantity 
• e. Unit price — názov ecommerce.add.products.0.price 
• f. Currency — názov ecommerce.currencyCode
• g. Order ID — názov ecommerce.purchase.actionField.id
• h. Total Order Price - názov ecommerce.purchase.actionField.revenue
• i. ecommerce.purchase.products — túto premennú budete potrebovať pre “vytiahnutie” poľa zakúpených produktov z dátovej vrstvy, názov ecommerce.purchase.products

Táto premenná transformuje polia zakúpených produktov do formátu pre Biano.

Vytvoríte premennú s typom Custom JavaScript. Ako obsah vložíte script pripravený od Biana, len ho trochu upravíte pre potreby našej dátovej vrstvy. Ako premennú items zvolíte premennú z predchádzajúceho kroku ecommerce.purchase.products. Pri parametri id zapíšete namiesto .productCode> .id. Ostatné parametre zostávajú rovnaké.

Upravený script si môžete stiahnuť nižšie.

function () {

// získání dat z proměnné datové vrstvy

  var items = {{ecommerce.purchase.products}};

// transformace a návrat hodnot ve formátu Biano Pixel

  return items.map(function (item) {

    return {

      id: item.id.toString(),

      quantity: parseFloat(item.quantity),

      unit_​price: parseFloat(item.price),

    };

  });

}

Teraz máte všetky potrebné premenné pre implementáciu pixelu definované.

Vytvoríte spúšťač s názvom napríklad event_​ItemView, typ nastavíte Custom Event a názov udalosti viewItem (pozor na názvy udalostí aj veľké a malé písmená). Opäť nám v tom pomôže dataslayer.

Pri ostatných spúšťačoch postupujeme rovnako.

• b. event_​AddToCart - názov addToCart.
• c. event_​Purchase — názov purchase.

Všetky potrebné spúšťače máte nadefinované a teraz môžete vytvoriť samotné značky.

Prvú značku nazvete napríklad Biano - page view, ako typ zvolíte Biano Pixel, do poľa Merchant ID zapíšete predtým vytvorenú premennú {{Biana MERCHANT ID}}, typ udalosti Page View a ako spúšťač All pages.

Ďalšiu značku bude posielať udalosť Product View. Všetko nastavíte ako predtým a do poľa Product ID vložíte našu premennú {{Product ID}}. Ako spúšťač zvolíte event_​ItemView.

Ďalšou značkou bude Biano — Add To Cart. Typ značky aj Merchant ID nastavíte ako predtým. Typ udalosti zvolíte Add to Cart, do poľa Product ID zadáte premennú {{Product ID — AddToCart}}, do poľa Quantity premennú {{Quantity}}, do poľa Unit Price premennú {{Unit price}} a do Currency {{Currency}}. Spúšťač zvolíme event_​AddToCart.

Poslednou značkou bude Biano — purchase odosielajúci informácie o nákupoch zákazníkov. Typ značky aj Merchant ID nastavíte ako predtým. Typ udalosti nastavíme na Purchase. Do ostatných polí vpíšete vopred pripravené premenné {{Order ID}}, {{Total Order Price}}, {{Currency}} a {{Biana — Purchased Products Array}}. Ako spúšťač zvolíte event_​Purchase.