Google Tag Manager

Co je Google Tag Manager?

Google Tag Manager (GTM) neboli Správce značek je systém pro správu měřících kódů na webových stránkách. Jeho princip je takový, že se na web umístí pouze jeden kód a poté se prostřednictvím webového rozhraní Google Tag Manageru vkládají jednotlivé měřicí kódy. Tento postup velice usnadňuje a zrychluje práci s kódy (anglicky se označují jako tagy), kdy jsou z nasazení vynecháni programátoři.

Pokud chcete nasadit nějaký kód, který obsahuje proměnné, např. hodnota objednávky, e-mail zákazníka atd., můžete je nastavit přes GTM. Nastavení vyžaduje pokročilejší znalosti a alespoň základy JavaScriptu.

Implementace vkládáním kódů přímo do šablony je zastaralý způsob, který už náš systém nedovoluje použít. Pro měřící kódy je nejvhodnější GTM. Váš affiliate partner by vám měl se správným vložením kódu přes GTM pomoci.

Jak mohu Google Tag Manager nastavit?

Je třeba mít účet Google. Pomocí něj se přihlaste do Google Tag Manageru. Klikněte na tlačítko Vytvoření účtu. Vyplňte název vašeho účtu, zemi, URL adresu vašich stránek a jako cílovou platformu zvolte Web. 

Po odsouhlasení podmínek se vám zobrazí kód pro Google Tag Manager, který je třeba zadat do administrace, abyste GTM mohli využívat. Zkopírujte pouze vyznačenou část (obrázek 01).

V administraci e-shopu přejděte do Propojení → Google na záložku Tag Manager. Kód vložte do pole Váš "Google Tag Manager id" ve tvaru GTM-XXXXXX. Zaškrtněte možnost Použít Google Data Layer Helper. Klikněte na tlačítko Uložit (obrázek 02).

Jak s Google Tag Managerem pracovat?

Specifikaci pro Data Layer naleznete v Data Layer Helper Library. Příklad nastavení pro inspiraci a co odesílají jednotlivé značky, naleznete v dokumentaci Data Layer přímo pro Shoptet. V Google Akademie Analytics najdete video Základy Správce značek Google.

Příklad použití pro konverzní pixel

var dataHelper = new DataLayerHelper(dataLayer);
if (dataHelper.get('shoptet.pageType') == 'thankYou') {
    var URL = 'http://tracking.affiliateclub.cz/aff_l';
    var OFFER_ID = XX; // Zde zmenit cislo
    var SUB_PREFIX = 'YYY_'; // Zde zmenit prefix
    var SUB_ID = dataHelper.get('shoptet.order.orderNo');
    var AMOUNT = dataHelper.get('shoptet.order.total');
    $('<iframe/>', {
        src: URL+'?offer_id='+OFFER_ID+'&adv_sub='+SUB_PREFIX+SUB_ID+'&amount='+AMOUNT,
        style:'display:none', width:0, height:0, frameborder:0, scrolling:'no'
    }).appendTo('body');
}