Google Tag Manager

Čo je Google Tag Manager?

Google Tag Manager (GTM) alebo Správca značiek je systém pre správu meracích kódov na webových stránkach. Jeho princíp je taký, že sa na web umiestni iba jeden kód a potom sa už prostredníctvom webového rozhrania vkladajú jednotlivé meracie kódy. Tento postup veľmi uľahčuje a zrýchľuje prácu s kódmi (anglicky sa označujú ako tagy), kedy sú z nasadení vynechaní programátori.

Pokiaľ chcete nasadiť nejaký kód, ktorý obsahuje premenné, napr. hodnota objednávky, e-mail zákazníka atď., môžete ich nastaviť cez GTM. Nastavenie vyžaduje pokročilejšie znalosti aspoň základy JavaScriptu.

Implementácia vkladaním kódov priamo do šablóny je zastaralý spôsob, ktorý už náš systém nedovoľuje použiť. Pre meriace kódy je najvhodnejší GTM. Váš affiliate partner by vám mal so správnym vložením kódu cez GTM pomôcť.

Ako môžem Google Tag Manager nastaviť?

Je potrebné mať účet Google. Pomocou neho sa prihláste do Google Tag Manageru. Kliknite na tlačidlo Vytvorenie účtu. Vyplňte názov vášho účtu, krajinu, URL adresu vašich stránok a ako cieľovú platformu zvoľte Web.

Po vytvorení sa vám zobrazí kód pre Google Tag Manager, ktorý je potrebné zadať do administrácie, aby ste GTM mohli využívať. Skopírujte iba vyznačenú časť (obrázok 01).

V administrácii e-shopu prejdite do Prepojenie → Google na záložku Tag Manager. Kód vložte do pola Váš "Google Tag Manager id" v tvare GTM-XXXXXX. Zaškrtnite možnosť Použiť Google Data Layer Helper. Kliknite na tlačidlo Uložiť (obrázok 02).

Ako s Google Tag Managerom pracovať?

Špecifikáciu pre Data Layer nájdete v Data Layer Helper Library. Príklad nastavenia pre inšpiráciu a čo odosielajú jednotlivé značky, nájdete v dokumentácii Data Layer priamo pre Shoptet. V Google Akadémii Analytics nájdete video Základy Správca značiek Google.

Príklad použitia pre 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; // Tu zmenit cislo
    var SUB_PREFIX = 'YYY_'; // Tu 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');
}