---
title: "Google Tag Manager"
articleId: "googleTagManager"
lastEdited: "2024-05-03 21:38 UTC"
canonical: https://tamogatas.shoptet.hu/google-tag-manager/
breadcrumb: "Shoptet Támogatás / Marketing / Összekapcsolás"
language: hu
sections:
  - { title: "Mi az a Google Tag Manager?", level: 2, url: "https://tamogatas.shoptet.hu/google-tag-manager/#mi-az-a-google-tag-manager" }
  - { title: "Hogyan állítható be a Google Tag Manager?", level: 2, url: "https://tamogatas.shoptet.hu/google-tag-manager/#hogyan-allithato-be-a-google-tag-manager" }
  - { title: "Hogyan lehet dolgozni a Google Tag Managerrel?", level: 2, url: "https://tamogatas.shoptet.hu/google-tag-manager/#hogyan-lehet-dolgozni-a-google-tag-managerrel" }
  - { title: "Példa a konverziós pixel használatára", level: 2, url: "https://tamogatas.shoptet.hu/google-tag-manager/#pelda-a-konverzios-pixel-hasznalatara" }
---

# 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](https://tagmanager.google.com/#/home). 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](https://github.com/google/data-layer-helper/blob/master/README.md) 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](https://gist.github.com/brablc/d3d1458e7ceed3e068b4#file-shoptet-gtm-example-js) alatt találja. A [Google Címkekezelő alapok](https://analytics.google.com/analytics/academy/course/5) 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');
}
```