Google Tag Manager – Glami Pixel

V následujícím manuálu vám krok za krokem ukážeme jak nastavit Glami Pixel v Google Tag Manageru pro e-shop FastCentrik. Nastavím globální značku Glami Pixelu na všechny stránky a druhý kód pro měření konverzí na děkovné stránce objednávky.

Implementace Glami Pixel – Pageview

  1. Přihlaste se do svého účtu Google Tag Manager
  2. Vytvořte nové pravidlo pro zobrazení všech stránek (pokud toto pravidlo již máte, tento krok přeskočte).
  3. Typ pravidla nastavte na Zobrazení stránky a nechte zakliknuté Všechna zobrazení stránek
  4. Pravidlo pojmenujte a uložte
    gtm_glami_1.jpg
  5. Přejděte do sekce Značky
  6. Vytvořte novou značku a klikněte na konfiguraci značky
  7. Při výběru značky přejděte do galerie předdefinovaných značek
    gtm_glami_2.jpg
  8. Zde najdete Glami Pixel, který přidejte do svých značek kliknutím na řádek Glami Pixel a následně zvolte možnost Vybrat šablonu
    gtm_glami_3.jpg
  9. Do pole API key vložte váš API klíč z Glami administrace. Kód země uveďte buď cz nebo sk (podle toho, zda používáte glami.cz nebo glami.sk) a jako track type uveďte PageView
  10. Pod značkou ještě nastavte spouštěcí pravidlo pro všechny stránky
  11. Nastavení uložte a změny v pracovním prostoru publikujte

Ukázka celé značky

gtm_glami_5.jpg

Implementace Glami Pixel – Transaction

  1. Vytvořte proměnné datové vrstvy podle vzoru pro Cenu objednávky, kód objednávky, produkty a měnu

    gtm_glami_6.jpggtm_glami_7.jpgprodukty.jpggtm_glami_8.jpg
  2. Vytvořte dvě proměnné jako vlastní kód Javascript – jedna proměnná pro kódy produktů a druhá pro názvy produktůgtm_glami_9.jpg

    Kód pro názvy produktů

    function() {

    var items = {{Produkty}};

    var names = [];

    var i, len;

    for (i = 0, len = items.length; i < len; i++) {

    names.push(items[i].name);

    }

    return names;

    }
     

    Kód pro ID produktů

    function() {

    var items = {{Produkty}};

    var names = [];

    var i, len;

    for (i = 0, len = items.length; i < len; i++) {

      names.push(items[i].sku);

    }

    return names;

    }
     
     
  3. Vytvořte pravidlo, které se bude spouštět na děkovné stránce objednávky - /objednavka-dokoncena
    gtm_glami_10.jpg
  4. Vytvořte značku Glami Pixelu, vložte váš API klíč a kód jazyku a vyberte Track type Transaction
    gtm_glami_11.jpg
  5. Do proměnných transakce přiřaďte vytvořené proměnné. 
    gtm_glami_12.jpg
  6. Na závěr přiřaďte značce spouštěcí pravidlo pro zobrazení pouze na děkovné stránce objednávky
  7. Nastavení značky uložte a změny pracovního prostoru publikujte 

Ukázka celé značky

gtm_glami_13.jpg

Gratulujeme, vaše Glami pixely se vám podařilo nastavit!



 
Posun nahoru
Posun dolů
FastCENTRIK

Připravujeme Demo