Az útmutató a GLAMI Pixel implementációját mutatja be a Google Tag Managerben 4 fő lépésben. A folyamathoz olyan adatok kitöltésére van szükség, mint az API kulcs, az országkód, és a cookie-k hozzájárulásának értéke mind a 4 címkéhez.
GLAMI Pixel sablon hozzáadása a munkafelületéhez
Először is, adja hozzá a GLAMI Pixel sablont a munkafelületéhez. A Community Template Gallery-ben található:
A GLAMI Pixel négyféle eseménytípust követ nyomon:
| PageView | Minden oldalon lehívódik. |
| ViewContent | Minden alkalommal lehívódik, amikor a vásárló egy terméklistát (kategóriaoldal) vagy egyetlen terméket (termékoldal) tekint meg. |
| Minden alkalommal lehívódik, amikor a vásárló hozzáad egy terméket a kosarához. | |
| Transaction | Akkor hívódik, amikor a rendelés befejeződött. |
- Új címke létrehozásához lépjen a Tag Manager "Tags" ("Címkék") oldalára, és kattintson az "Új" gombra.
- Minden Tag (Címke) két részből áll: a Tag konfigurációjából (Tag Configuration), amely megmondja, hogy mit tegyen, és egy kiváltóból (Trigger), amely megmondja, hogy mikor tegye azt.
GLAMI Pixel - PageView (esemény 1/4)
Nevezze el az első címkét a következőként: "GLAMI Pixel - PageView", és címketípusként (tag type) válassza a "GLAMI piXel" lehetőséget.
Kezdésként négy információt kell kitöltenie:
- API kulcs - Ezt a GLAMI-adminisztrációban találja. Kattintson a menüben a "GLAMI piXel" menüpontra, majd a "GLAMI piXel implementációs útmutató fejlesztőknek" opcióra.
- Országkód - Ez egy kétbetűs kód, amely az országot azonosítja. Ezen a weboldalon Alpha-2 kódként található meg: https://www.iban.com/country-codes.
Példák: Csehország -> CZ, Olaszország -> IT, Románia -> RO, Magyarország -> HU - Cookie hozzájárulás értéke - Ez egy változó, amely a cookie-k hozzájárulását tartalmazza.
- Követés típusa (track type) - Válassza ki, hogy a négy eseménytípus közül melyik legyen.
Ezután ki kell választania egy trigger-t (kiváltó). Ehhez a címkéhez használhatja az egyik alapértelmezett kiváltót, az "All Pages" (Minden oldal) elnevezésűt. Ez biztosítja, hogy a pixel minden oldalon aktív legyen.
GLAMI Pixel - ViewContent (esemény 2/4)
Nevezze el a második címkét a következőként: "GLAMI Pixel - ViewContent", és címketípusként (tag type) válassza a "GLAMI piXel" lehetőséget.
Négy alapvető információt kell kitölteni:
- API kulcs - Ezt a GLAMI-adminisztrációban találja. Kattintson a menüben a "GLAMI piXel" menüpontra, majd a "GLAMI piXel implementációs útmutató fejlesztőknek" opcióra.
- Országkód - Ez egy kétbetűs kód, amely az országot azonosítja. Ezen a weboldalon Alpha-2 kódként található meg: https://www.iban.com/country-codes.
Példák: Csehország -> CZ, Olaszország -> IT, Románia -> RO, Magyarország -> HU - Cookie hozzájárulás értéke - Ez egy változó, amely a cookie-k hozzájárulását tartalmazza.
- Követés típusa (track type) - Válassza ki, hogy a négy eseménytípus közül melyik legyen.
Van még két, specifikusan erre a címkére (Tag) vonatkozó változó:
- Tartalom típus (Content type) - Válassza ki, hogy az oldal tartalma egy adott termék vagy egy kategória.
- Termék azonosítók (Product IDs) - A megtekintett termék ITEM_ID-ja. Győződjön meg róla, hogy az azonosítók megegyeznek a termék feed-ben szereplő azonosítókkal.
A folytatáshoz hozzá kell adnia egy trigger-t ehhez a címkéhez.
- Válassza ki a típust: "Page View - Window Loaded".
- Válassza a következőt: "Some Window Loaded Events".
- Válassza a következőt: "Page URL" és "contains".
Az utolsó rész az Ön weboldalától függően változik. Ennek olyasvalaminek kell lennie, ami megjelenik a rendelés visszaigazoló oldal URL-címében. Íme néhány példa:
- “product” - https://MyWebsite.com/product/35256.html
- “item” - https://MyWebsite.com/item/donna/shoes/123
GLAMI Pixel - AddToCart (esemény 3/4)
Nevezze el a harmadik címkét a következőként: "GLAMI Pixel - AddToCart", és címketípusként (tag type) válassza a "GLAMI piXel" lehetőséget.
Négy alapvető információt kell kitölteni:
- API kulcs - Ezt a GLAMI-adminisztrációban találja. Kattintson a menüben a "GLAMI piXel" menüpontra, majd a "GLAMI piXel implementációs útmutató fejlesztőknek" opcióra.
- Országkód - Ez egy kétbetűs kód, amely az országot azonosítja. Ezen a weboldalon Alpha-2 kódként található meg: https://www.iban.com/country-codes.
Példák: Csehország -> CZ, Olaszország -> IT, Románia -> RO, Magyarország -> HU - Cookie hozzájárulás értéke - Ez egy változó, amely a cookie-k hozzájárulását tartalmazza.
- Követés típusa (track type) - Válassza ki, hogy a négy eseménytípus közül melyik legyen.
Van még négy, specifikusan erre a címkére (Tag) vonatkozó változó:
- Termék azonosítók (Product IDs) - A hozzáadott termék ITEM_ID azonosítója.
- Terméknevek (Product names) - A hozzáadott termék neve.
- Termékár (Product price) - A hozzáadott termék ára.
- Termékár pénznem (Product price currency) - A termék árának pénzneme.
Mivel a kosár megtekintése gyakran opcionális, és a felhasználók közvetlenül a pénztárba is léphetnek, ezt a címkét akkor kell aktiválni, amikor a felhasználó hozzáadja a terméket a kosárhoz.
Ezt a "Kattintás - Minden elem" (“Click - All Elements”) típusú kiváltóval (Trigger type) lehet megtenni.
Kérjük, vegye figyelembe, hogy a videóban látható triggerek és a Data Layer-változók nevei csak példák, és azokat az Ön weboldalához kell igazítani.
GLAMI Pixel - Transaction (esemény 4/4)
Nevezze el az utolsó címkét a következőként: "GLAMI Pixel - Transaction", és címketípusként (tag type) válassza a "GLAMI piXel" lehetőséget.
Négy alapvető információt kell kitölteni:
- API kulcs - Ezt a GLAMI-adminisztrációban találja. Kattintson a menüben a "GLAMI piXel" menüpontra, majd a "GLAMI piXel implementációs útmutató fejlesztőknek" opcióra.
- Országkód - Ez egy kétbetűs kód, amely az országot azonosítja. Ezen a weboldalon Alpha-2 kódként található meg: https://www.iban.com/country-codes.
Példák: Csehország -> CZ, Olaszország -> IT, Románia -> RO, Magyarország -> HU - Cookie hozzájárulás értéke - Ez egy változó, amely a cookie-k hozzájárulását tartalmazza.
- Követés típusa (track type) - Válassza ki, hogy a négy eseménytípus közül melyik legyen.
Van még öt, specifikusan erre a címkére (Tag) vonatkozó változó:
- Tranzakció azonosító (Transaction ID) - A tranzakció azonosítására használt szám.
- Rendelési érték - A tranzakció teljes értéke.
- Rendelés pénzneme - A rendelés értékének pénzneme.
- Terméknevek (Product names) - Az összes megvásárolt termék neve.
- Termék azonosítók (Product IDs) - Győződjön meg róla, hogy az azonosítók megegyeznek a termék feed-ben szereplő azonosítókkal.
A trigger a ViewContent-hez hasonlóan történhet.
- Válassza ki a típust: "Page View - Window Loaded".
- Válassza a következőt: "Some Window Loaded Events".
- Válassza a következőt: "Page URL" and "contains".
Az utolsó rész az Ön weboldalától függően változik. Ennek olyasvalaminek kell lennie, ami megjelenik a rendelés visszaigazoló oldal URL-címében. Íme néhány példa:
- “thank_you” - https://MyWebsite.com/order/thank_you
- “orderreceived” - https://MyWebsite.com/orderreceived/24625
Kérjük, vegye figyelembe, hogy a videóban látható triggerek és a Data Layer-változók nevei csak példák, és azokat az Ön weboldalához kell igazítani.
Gratulálunk!
A GLAMI Pixel mostantól implementálva van. Ne felejtse el közzétenni a konténert (container).
Javasoljuk, hogy előnézeti módban (preview mode) tesztelje.
Hogyan ellenőrizhető az implementáció?
Az aktuális munkaterület előnézeti (preview mode) és hibakeresési (debug mode) módjának engedélyezése:
- Kattintson a munkaterület jobb felső sarkában az Előnézet (Preview) gombra.
- Írja be a webhelyének URL-címét.
- Egyes webhelyek vagy oldalak az URL-hez hozzáadott további hibakeresési paraméter miatt megszakadhatnak. Ebben az esetben törölheti a hibajelzés beillesztése az URL-be jelölőnégyzet bejelölését.
- Kattintson a Csatlakozás (Connect) gombra. A webhelye egy új ablakban nyílik meg, és a jobb alsó sarokban a Csatlakoztatva (Connected) felirat jelenik meg.
- Kattintson vissza a Tag Assistant fülre, majd a Folytatás (Continue) gombra a hibakeresési felület eléréséhez.
A felső navigációs sáv a Címkékkel (Tags), a Változókkal (Variables) és a Data Layer-rel kapcsolatos információk elérésének lehetőségeit sorolja fel, a bal oldali navigációs Összefoglaló (Summary) sáv pedig az események listáját mutatja.
- Címkék (Tags): Kattintson a Címkék gombra, hogy megnézze, mely címkék aktiválódtak és mely címkék nem. Kattintson egy címkére a címke tulajdonságainak és a hozzá tartozó kiváltóknak a megtekintéséhez. Ha a bal oldali oszlopban kiválaszt egy eseményt, a Címkék lapon megjelenik az adott eseményhez tartozó címkék állapota.
- Változók (Variables): A Változók fül részletes információt jelenít meg a kiválasztott eseményben lévő változókról, beleértve a változó típusát, a visszaadott adatok típusát, és az értelmezett értéket. Válasszon ki egy eseményt a bal oldali navigációs menüből, hogy megtekintse a változók állapotát abban a pillanatban, amikor az esemény aktiválódott.
- Data Layer: A Data Layer (Adatréteg) fülön megjelenik a pontos üzenet, ahogyan azt az adatrétegbe tették a kiválasztott eseményhez, illetve ahogy kinéz az adatréteg az üzenet tranzakció befejezése után. Válasszon ki egy eseményt a bal oldali navigációs menüből, hogy megtekintse az adatréteg állapotát abban a pillanatban, amikor az esemény aktiválódott.
GYIK
Hogyan lehet új változót létrehozni?
Ebben a példában egy tranzakció ID változót hozunk létre. Először navigálj a "Változó" (“Variable”) oldalra a Tag Manageredben, és kattints az "Új" (“New”) gombra. Nevezd el "Transaction ID"-nek, és válaszd a "Data Layer Variable" típust. Az Adatréteg Változó Neve mezőben meg kell adnod az adatokhoz vezető utat, például: "ecommerce.transaction_id".
Hogyan ellenőrizhetem az adatréteg változóim nevét (Data Layer Variable Name)?
Nyisd meg az előnézeti és hibakeresési módot a Tag Managerben, és válaszd ki a "Data Layer" (Adatréteg) fület. Itt láthatod az információkat, amelyeket az adatrétegbe toltak. További információkért látogass el a Google Support cikkéhez, amely a következő linken érhető el:
https://support.google.com/tagmanager/answer/6107056
Hogyan hozhatok létre egy GTM változót egy dataLayer tömbből? / Hogyan küldhetünk több azonosítót (ID) egyetlen változóban?
A termékazonosítókat két változóra lehet bontani.
Az elsőt "transactionProducts"-nek hívjuk, és a típusa "Data Layer Variable". Az Adatréteg Változó Neve (Data Layer Variable Name) mezőben válaszd ki az összes terméket, például: ecommerce.items.
A másodikat "transactionProductsIds"-nek hívjuk, és a típusa "Custom JavaScript". Ez egy új szövegmezőt nyit meg, amelybe beillesztheti a következő kódot:
function () { return .map(function(a) {return a.id;}); }
A "GLAMI Pixel - Transaction" címkéhez csatlakoztathatja a "transactionProductsIds" második változót.
Az összes címkét/eseményt implementálnom kell?
Nem. Nagyon ajánlott az összes Címke (Tags) használata, mivel mindegyik értékes információkkal szolgál, amelyek lehetővé teszik számunkra, hogy jobban optimalizáljuk a kampányokat és nagyszerű teljesítményt nyújtsunk. A Pixel nagyon alapvető funkcionalitásához azonban csak a PageView és a Transaction kötelező.
Minden változót a címkékhez kell kapcsolnom?
Nem, viszont nagyon ajánlott az összes változót elküldeni, mivel ez lehetővé teszi számunkra, hogy jobban optimalizáljuk a kampányokat és nagyszerű teljesítményt nyújtsunk.
Miért van szükségem a cookie-khoz való hozzájárulásra?
A hozzájárulási paraméter lehetővé teszi a részt vevő áruházak számára, hogy a GLAMI PiXel viselkedését a felhasználók sütik használatához adott hozzájárulása alapján állítsák be. Ha a hozzájárulás létezik (value 1 = 1-es érték), vagy a hozzájárulás paraméter nincs beállítva, a GLAMI teljes mértékben feldolgozza az adatokat. Ha nincs hozzájárulás (value 0 = 0-s érték), az adatok feldolgozása anonim módon történik, anélkül, hogy egy adott felhasználóra vonatkozó adatokat használnánk.
A GLAMI PiXel elengedhetetlen az Ön webáruházának optimális működéséhez a GLAMI-nál. Ezért mostantól támogatjuk a Hozzájárulás paramétert, amellyel a partner webáruház információt szolgáltat a GLAMI számára arról, hogy a felhasználó kifejezte-e hozzájárulását az analitikai sütik létrehozásához.