Google Tag Manager

Mi az a Google Tag Manager?

A Google Tag Manager (GTM), vagy Címkekezelő a weboldalak mérőkódjainak kezelésére szolgáló rendszer. Azon az alapelven működik, hogy a weboldalra csak egyetlen kódot helyez el, azután pedig már a webes felületeken keresztül kerülnek beillesztésre az egyes mérőkódok. Ez az eljárás jelentősen megkönnyíti és felgyorsítja a (angolul tagekként jelzett) kódokkal végzett munkát, ha azokat a programozók kihagyták az alkalmazásból.

Ha valamilyen olyan kódot szeretne érvényesíteni, ami változókat tartalmaz, például: megrendelés értéke, ügyfél e-mail-címe stb., azt a GTM-en keresztül állíthatja be.

A beállítás magasabb szintű, és legalább alapszintű JavaScript ismeretet igényel.

A kódok közvetlenül a sablonokba történő beillesztése elavult módszer, így azt a rendszerünk már nem engedi alkalmazni. A mérőkódokhoz a GTM a legmegfelelőbb. A kódok GTM segítségével történő helyes beillesztéséhez kérje az affiliate partnerek segítségét.

Hogyan állítható be a Google Tag Manager?

Google fiók szükséges hozzá. Ezen keresztül jelentkezzen be a  Google Tag Managerbe. Kattintson a Fiók létrehozása gombra. Adja meg a fiókja nevét, az oldala URL-címét, és válassza a weben történő alkalmazást.

A fiók létrehozása után megjelenik a Google Tag Manager kód, amit ahhoz, hogy használhassa a GTM-et, meg kell adni az adminisztrátorban. Csak a kijelölt részt másolja be.

A webáruháza adminisztrációjában lépjen az Összekapcsolás → Google menüpontban a Tag Manager könyvjelzőre. Illessze be a kódot a "Google Tag Manager id" mezőbe GTM-XXXXXX alakban. Jelölje be a Google Data Layer Helper használata lehetőséget. Kattintson a Mentés gombra.

Hogyan lehet dolgozni a Google Tag Managerrel?

A Data Layer leírását a Data Layer Helper Library alatt találja. A telepítésre vonatkozó beállítás példáját, és hogy mit küldenek el az egyes címkék, a Shoptet GTM Example alatt találja. A Google Címkekezelő alapok videót a Google Akademie Analyticsben találja.

Példa a konverziós pixel használatára

var dataHelper = new DataLayerHelper(dataLayer);
if (dataHelper.get('shoptet.pageType') == 'thankYou') {
    var URL = 'http://tracking.affiliateclub.cz/aff_l';
    var OFFER_ID = XX; // Itt meg kell változtatni a számot
    var SUB_PREFIX = 'YYY_'; // Itt meg kell változtatni a prefixet
    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');
}