Google Analytics 4-ben az e-kereskedelmi kosárba helyezés esemény beállítása lépésről lépésre

A Google Analytics 4-ben (GA4) az e-kereskedelmi kosárba helyezés esemény beállítása azt jelenti, hogy amikor a vásárló a webshopban egy terméket a kosárba tesz, ezt az eseményt az add_to_cart néven továbbítjuk a GA4-nek. A legpontosabb mérés érdekében a termék neve, azonosítója, ára, mennyisége, pénzneme, kategóriája és az összérték is átadódik a dataLayer-en keresztül a Google Tag Managernek (GTM), amely azután a GA4 esemény címkéjével küldi el az adatokat. Így pontosan nyomon követhetjük, mely termékek kerülnek kosárba, mely kampányok hatékonyak, és hol veszítünk vásárlókat a fizetési folyamat előtt.

Az e-kereskedelemben nemcsak az eladás maga, hanem a vásárláshoz vezető apró lépések is kulcsfontosságúak. A kosárba helyezés esemény az egyik legfontosabb jelző, amely megmutatja a termékoldalak teljesítményét, a kampányok minőségét, az ár- és készletváltozások hatását, valamint a felhasználói szándékot. Különösen a 2026-os SEO és digitális marketing trendek szerint már nem elég csak forgalmat generálni, hanem azt is mérni kell, hogy a forgalom miként alakul át vásárlási szándékká. A GA4 ebben a tekintetben túlmutat a hagyományos oldalmegtekintés-alapú jelentéseken, és esemény alapú felhasználói interakciókat követ.

Ebben az útmutatóban lépésről lépésre bemutatjuk, hogyan állítsd be a GA4-ben az add_to_cart eseményt a Google Tag Manager segítségével, milyen paramétereket érdemes elküldeni, hogyan teszteld a beállítást a DebugView és valós idejű riportokban, valamint hogyan old meg a gyakori hibákat. A példák WooCommerce, egyedi fejlesztésű rendszerek, Shopify és szerveroldali mérési megoldásokhoz is alkalmazhatók. Fontos, hogy az e-kereskedelmi oldalad gyors, biztonságos és megbízható legyen, ezért érdemes megfontolni a Hostragons e-kereskedelmi hosting megoldások és a biztonságos fizetési oldalakat támogató Hostragons SSL tanúsítványok.

Mi az a GA4 kosárba helyezés esemény?

A GA4 kosárba helyezés esemény (add_to_cart) akkor aktiválódik, amikor a felhasználó egy terméket a vásárlási kosarába tesz, és ezt az eseményt elküldjük a Google Analytics 4 rendszerébe. Bár GA4 bizonyos eseményeket automatikusan mér, az olyan e-kereskedelmi interakciók, mint a kosárba helyezés, általában manuális vagy testreszabott beállítást igényelnek. Ez azért fontos, mert a GA4 helyes riportolásához szükség van részletes termékadatokra, amelyeket paraméterek formájában kell továbbítani.

Ennek az eseménynek köszönhetően nem csak az derül ki, hányan tettek kosárba egy terméket, hanem az is, mely termékek a legnépszerűbbek, melyek kerülnek ugyan a kosárba, de végül nem vásárolják meg őket, hogyan befolyásolják az árak a döntést, és hogy mely kampányok ösztönzik a kosárba helyezést. Például, ha egy termék 10 000 megtekintést kap, de mindössze 120 kosárba helyezés történik, akkor érdemes megvizsgálni a termékleírást, árazást, szállítási feltételeket, készletadatokat vagy az oldal sebességét.

Alapfogalmak, amiket érdemes ismerni a beállítás előtt

GA4 esemény logika

Az Universal Analytics idején a mérés inkább munkamenetekhez, oldalakhoz és célokhoz kötődött. A GA4 azonban eseményközpontú, vagyis minden felhasználói interakciót – legyen az oldalmegtekintés, kattintás, űrlapküldés, fizetés indítása vagy vásárlás – eseményként rögzít. Az add_to_cart esemény egy ilyen fontos esemény. Ahhoz, hogy ez az esemény értékes legyen, meg kell adni a pontos eseménynév mellett a szükséges paramétereket is.

Mi az a dataLayer?

A dataLayer egy olyan köztes réteg, amely a weboldalad és a Google Tag Manager között adatokat továbbít. Amikor a felhasználó a „kosárba tesz” gombra kattint, a weboldal egy adatcsomagot küld a dataLayer-be, amely tartalmazza a termék részleteit. A Google Tag Manager ezt az eseményt figyeli, majd elküldi a GA4-nek. Egy jól felépített dataLayer alapvető a pontos e-kereskedelmi méréshez.

A Google Tag Manager szerepe

A Google Tag Manager lehetővé teszi, hogy a weboldal kódjának közvetlen módosítása nélkül kezeld a marketing és elemzési címkéket. A kosárba helyezés eseménynél a GTM figyeli a dataLayer eseményt, változókkal begyűjti a termékadatokat, majd egy GA4 esemény címkével továbbítja azokat az Analytics felé. Ez megkönnyíti a karbantartást és csökkenti a fejlesztői függőséget, de a dataLayer helyes kialakítása továbbra is kulcsfontosságú.

A GA4 add_to_cart eseményhez szükséges paraméterek

Ha csak az esemény nevét küldjük el, az add_to_cart alapvető szinten mérhető, de az e-kereskedelmi riportok nem lesznek teljesek. Ezért legalább az item_id, item_name, price, quantity, currency és value paramétereket érdemes továbbítani. Nagyobb termékkatalógus esetén a kategória, márka, variáns, lista neve vagy kuponkód is növelheti az elemzési lehetőségeket.

A paraméterek konzisztenciája nagyon fontos. Ha például a termékazonosítót néha SKU, máskor az adatbázisbeli ID-ként küldjük, akkor a riportok feloszlanak, és ugyanaz a termék több különbözőnek tűnhet a GA4-ben. Ezért a beállítás előtt érdemes egységes termékadat-szabványt kialakítani.

Lépésről lépésre útmutató a GA4 kosárba helyezés esemény beállításához

1. GA4 tulajdon és webes adatfolyam ellenőrzése

Elsőként győződj meg arról, hogy a GA4 tulajdonod aktív, és a weboldalad adatfolyama a helyes domainhez kapcsolódik. A GA4 adminisztrációs paneljén keresd meg az Adatfolyamok szekciót, majd jegyezd fel a Measurement ID-t (általában G-vel kezdődik). Ha Google Tag Managert használsz, akkor ezt az ID-t be kell állítani a GA4 konfigurációs címkében vagy a Google Tag címkében.

Fontos, hogy az oldalad egyetlen kanonikus domain alatt fusson. Ha a www-s és www nélküli verziók keverednek, vagy az aldomainek rosszul vannak követve, esetleg a fizetési oldal más domain alatt működik, az torzíthatja a riportokat. A domain kezeléshez és DNS beállításokhoz hasznos lehet a Hostragons domain lajstromozás és DNS kezelés cikk.

2. Kosárba helyezéskor dataLayer esemény küldése

Amikor a felhasználó rákattint a kosárba helyezés gombra vagy az AJAX frissíti a kosarat, a dataLayer-be egy add_to_cart eseményt kell küldeni. Az adatstruktúrának például így kell kinéznie: az event legyen add_to_cart, az ecommerce objektumban legyen currency (pl. HUF), value az összeg, valamint az items tömbben a termékek adatai, mint azonosító, név, ár és mennyiség.

Ha egyedi fejlesztést használsz, a fejlesztőknek a termékoldalon vagy a kosárfrissítő JavaScript funkcióban kell ezt az adatot generálniuk. WooCommerce-nél sokszor bővítmények automatikusan hozzák létre ezt a dataLayer réteget, de az elnevezéseket mindig fontos tesztelni. Shopify vagy más zárt rendszereknél a téma vagy integrációs réteg engedélyezi az adatLayer testreszabását a lehetőségek szerint.

• A termékazonosítónak mindig ugyanonnan kell származnia.
• Az ár értéke számként kerüljön átadásra, pénznem jelölés nélkül.
• A pénznem kód ISO formátumú legyen, Magyarország esetén HUF.
• Több termék esetén az items tömb tartalmazza mindegyiket.
• A value megegyezzen az ár és mennyiség szorzatával.

3. Google Tag Manager adatváltozók létrehozása

A GTM-ben a Változók menüpont alatt hozz létre Data Layer változókat, amelyek az ecommerce.items, ecommerce.value és ecommerce.currency adatokat fogják be. Érdemes az elnevezéseket érthetően megadni, például DLV - ecommerce.items, DLV - ecommerce.value, DLV - ecommerce.currency, hogy később könnyű legyen a karbantartás.

Gyakori hiba, hogy rossz adatútvonalat adnak meg. Ha az adat az ecommerce objektumban van, a változó neve ecommerce.items legyen, ha közvetlenül az items alatt, akkor csak items. A GTM előnézeti módja segít megállapítani, milyen struktúra érkezik.

4. Egyéni eseményindító (Custom Event Trigger) beállítása

A GTM-ben a Triggerek között hozz létre egy új Egyéni eseményt, aminek az eseménynév mezőjébe írd be: add_to_cart. Ez az esemény akkor lép működésbe, amikor a dataLayer-ben az add_to_cart esemény érkezik. Előfordulhat, hogy egyes webhelyeken más elnevezések vannak, mint például addToCart, product_add_to_cart vagy cart_add. A legjobb gyakorlat, hogy az elnevezést az ajánlott GA4 szabványra, azaz add_to_cart-ra egységesítsd.

5. GA4 eseménymarketing címke létrehozása

A Címkék menüpontban hozz létre egy új GA4 Esemény címkét. Az eseménynév legyen add_to_cart, válaszd ki vagy add meg a GA4 konfigurációs címkét vagy Measurement ID-t. Az esemény paraméterei között add hozzá a currency, value és items mezőket, majd rendeld hozzájuk a korábban létrehozott dataLayer változókat.

Fontos, hogy az items paraméter tömbként érkezzen a GA4-be. Ha szövegként küldöd, az e-kereskedelmi riportok nem megfelelően működnek. A GTM előnézetében ellenőrizd, hogy a változó ténylegesen tömb vagy objektum formátumban jelenik-e meg.

6. Tesztelés előnézeti módban

Kapcsold be a GTM előnézeti módját, látogasd meg az oldaladat, majd helyezz el egy terméket a kosárba. A bal oldali panelen nézd meg, megjelenik-e az add_to_cart esemény. Ha kiválasztod, látnod kell, hogy a GA4 esemény címke elindul (fired). Ha nem, akkor az eseménynév nem egyezik, vagy a dataLayer esemény később érkezik, mint a kattintás.

A tesztelés során érdemes többféle szituációt kipróbálni: eltérő variánsok, akciós termékek, készlet utolsó darabjai, mennyiség növelése, mobil nézet és gyors kosár popup-ok. Mivel a felhasználók jelentős része mobilról vásárol, a mobil kosárba helyezés gombok külön DOM vagy AJAX folyamatot használhatnak.

7. GA4 DebugView-val megerősítés

A GTM előnézet sikeres lefutása után a GA4 DebugView-ban is ellenőrizd az eseményeket. A GA4 admin felületén nyisd meg a DebugView-t, és válaszd ki a teszt eszközt. Az add_to_cart eseménynek meg kell jelennie a valós idejű adatfolyamban. Nyisd meg az eseményt, és ellenőrizd, hogy a currency, value és items paraméterek helyesen érkeznek-e.

Ha az esemény megjelenik, de a paraméterek hiányoznak vagy hibásak, ellenőrizd a GTM címke paraméterezését és a dataLayer változókat. Ha nincs esemény, nézd meg a Measurement ID-t, a cookie hozzájárulási beállításokat, reklámblokkolókat, és hogy a GTM konténer valóban aktív-e.

8. GTM konténer publikálása

Ha minden teszt rendben van, publikáld a GTM konténert egy érthető verziónévvel, például: GA4 add_to_cart e-kereskedelmi esemény beállítás - 2026-01. Írd le a verzió megjegyzéseiben, hogy milyen paramétereket küldesz és mely oldalakon tesztelted a működést, hogy később könnyen visszakövethető legyen.

Beállítási lehetőségek: GTM, közvetlen kód és bővítmény összehasonlítása

A GA4 kosárba helyezés esemény beállításának több módja van, a legmegfelelőbb módszer a weboldalad technikai hátterétől, a fejlesztői kapacitástól és az elemzési igényektől függ. Az alábbi táblázat segít a döntésben:

Az üzletek többsége számára a GTM + dataLayer megoldás a legkiegyensúlyozottabb. A nagy forgalmú, magas reklámköltségvetésű cégek viszont érdemesnek találhatják a szerveroldali címkézést, amely egyre fontosabb a böngésző korlátozások és süti szabályozások miatt. Erős szerver infrastruktúrához ajánljuk a Hostragons VPS szerver megoldások és a nagy forgalmú projektek számára a Hostragons dedikált szerver szolgáltatások.

Hogyan értelmezd a kosárba helyezés adatokat a GA4 riportokban?

Miután a beállítás élesben fut, az add_to_cart eseményt több helyen is meg tudod nézni a GA4 riportok között. A valós idejű riportok jók az első ellenőrzéshez, de a részletes elemzéshez legalább 24-48 óra adatgyűjtés szükséges. Az e-kereskedelmi vásárlási riportok különösen hasznosak a termékek kosárba helyezési és vásárlási arányainak összehasonlításához.

A Felfedezés (Explorations) riportokban egyedi elemzéseket készíthetsz, például a termék nevét méretként, az add_to_cart eseményszámot értékként használva megmutathatod a legnépszerűbb kosárba helyezett termékeket. Ha hozzáadod a vásárlási (purchase) eseményt is, össze tudod hasonlítani a kosárba helyezés és vásárlás arányát. Ha egy termék sok kosárba helyezést, de kevés vásárlást generál, érdemes megvizsgálni a szállítási költséget, a szállítási időt, a fizetési módokat vagy a biztonsági elemeket.

• Ha magas a termékoldal megtekintése, de kevés a kosárba helyezés, a termékoldal nem elég meggyőző lehet.
• Ha sok kosárba helyezés van, de kevés a fizetés indítása, akkor a kosár oldalon lehet probléma.
• Ha sok a fizetés indítása, de kevés a vásárlás, akkor fizetési vagy biztonsági gondok lehetnek.
• Ha mobilon kevés a kosárba helyezés, teszteld a gomb láthatóságát és az oldal sebességét.
• Ha a kampányok sok kosárba helyezést hoznak, de kevés vásárlást, ellenőrizd a célzás és ajánlatok megfelelőségét.

Miért fontos SEO és teljesítmény szempontból?

Bár a GA4 kosárba helyezés esemény önmagában nem közvetlen rangsorolási tényező, alapvető fontosságú a SEO stratégiád kereskedelmi hatékonyságának méréséhez. Ha egy organikus forgalmat hozó kategóriaoldal nagy megtekintésszámot ér el, de kevés kosárba helyezést, akkor újra kell gondolni a tartalmat, termékkínálatot, szűrést, árképzést vagy a felhasználói élményt. A 2026-os SEO megközelítésben a felhasználói szándék, az oldalélmény és a konverzió minősége együtt számít.

Például, ha az organikus keresésből érkező felhasználók kosárba helyezési aránya 3%, míg a fizetett közösségi média forgalomé 0,8%, akkor az organikus tartalmak nagyobb vásárlási szándékot generálnak. Ez segít priorizálni a tartalomfejlesztéseket és a kategória optimalizációkat. Hasonlóképpen, ha egy blogcikkből érkező látogatók között magas a kosárba helyezés aránya, érdemes az adott téma köré bővíteni a tartalmat. A technikai hátteret és tartalomoptimalizálást segítheti a weboldal sebesség optimalizálási útmutató és a WordPress tárhely teljesítmény ajánlások.

Gyakori hibák és hogyan kerüld el őket

Helytelen eseménynév használata

A GA4 által ajánlott eseménynév az add_to_cart. Bár technikailag működhetnek az addToCart vagy a kosarba_helyez jellegű egyedi nevek is, ezek nem kompatibilisek az e-kereskedelmi szabványos riportokkal. A megoldás, hogy a dataLayer-ben és a GTM-ben is egységesen az add_to_cart nevet használjuk.

Items paraméter hiánya

Az egyik leggyakoribb hiba, hogy csak a value és currency paramétereket küldik, de a termékek listáját (items) nem. Ilyenkor a teljes kosárba helyezések száma mérhető, de nem tudod, mely termék került be ténylegesen. Megoldás, hogy az items tömböt legalább az item_id, item_name, price és quantity mezőkkel elküldöd.

Hibás árformátum használata

Az olyan helyi formátumok, mint a 1299,90 vagy 1.299,90 HUF problémát okozhatnak a GA4-ben. Az árakat ponttal elválasztott tizedes számként kell átadni (pl. 1299.90). A pénznemet külön kell megadni a currency paraméterben HUF formátumban.

Kettős eseményindítás

Ha egy termék kosárba helyezésekor egyszer a gomb kattintás, másodszor az AJAX sikeres frissítése is eseményt generál, akkor a GA4-be kétszer kerül az add_to_cart esemény, ami torzítja az adatokat. Megoldás, hogy csak a folyamat sikeres befejeződésénél küldjünk dataLayer eseményt.

Süti hozzájárulás és Consent Mode hatása

Ha a felhasználó nem járul hozzá az analitikai süti használathoz, az eseményküldés korlátozódhat. Ez különösen fontos az EU és a magyar adatvédelmi szabályozások (GDPR, KVKK) miatt. Teszteld a Consent Mode kompatibilitást a GA4 címkékkel, és győződj meg róla, hogy a felhasználó hozzájárulása után az események megfelelően továbbítódnak.

Haladó mérési tippek szakértőktől

Az alap add_to_cart beállítás után érdemes tovább javítani az adatminőséget. Először is minden termékhez használj egyedi és állandó item_id-t. A termék neve változhat idővel, de a SKU vagy termékazonosító változatlan marad, így megőrizhetők a hosszú távú elemzések. Másodszor, küldj hierarchikus kategóriákat, például item_category Ruházat, item_category2 Férfi, item_category3 Póló formában, hogy finomabb kategóriaelemzéseket készíthess.

Harmadszor, őrizd meg a kampány- és lista kontextust is. Például melyik terméklista vagy ajánló modulból tette a vásárló a terméket a kosárba? Az item_list_name és item_list_id paraméterek erre adnak választ. Negyedszer, vedd figyelembe az adatmintavételt és a jelentés késleltetését. A GA4 alapértelmezett riportjai néha késve jelenítik meg az adatokat, ezért az azonnali döntésekhez a DebugView vagy a valós idejű riportok, a stratégiai elemzésekhez pedig a Felfedezés riportok a legalkalmasabbak.

Végül ne tekintsd egyszeri feladatnak a mérési beállítást! A témafrissítések, bővítményváltoztatások, fizetési integrációk és új termékváltozatok módosíthatják a dataLayer-t. Legalább havonta egyszer végezz tesztvásárlásokat és kosárba helyezési ellenőrzéseket, hogy az adataid megbízhatóak maradjanak.

Hasznos ellenőrző lista a beállítás előtt

Az alábbi pontokat érdemes átnézni az élesítés előtt, hogy minimalizáld az adatvesztést és a hibás riportokat:

• GA4 Measurement ID helyesen van-e beállítva?
• A GTM konténer minden oldalra be van töltve?
• Kosárba helyezés után megjelenik-e a dataLayer add_to_cart eseménye?
• Az items tömb tartalmazza a termékazonosítót, a nevet, az árat és a mennyiséget?
• A currency HUF-ként van-e megadva?
• A value összhangban van-e az ár és mennyiség szorzatával?
• A GTM előnézeti módban elindul-e az add_to_cart esemény címke?
• A GA4 DebugView-ban látható-e az esemény és a paraméterek?
• Mobil és asztali eszközökön külön-külön tesztelve volt?
• Nincs-e kettős vagy hiányzó eseményindítás?

Gyakran ismételt kérdések

Automatikusan mérhető-e a GA4-ben a kosárba helyezés esemény?

Nem, a legtöbb webshop esetén a kosárba helyezés nem mérhető automatikusan. Bár a GA4 bizonyos alapvető interakciókat követ, az add_to_cart eseményhez általában szükség van dataLayer-re, Google Tag Managerre vagy egyedi e-kereskedelmi bővítményre.

Jelöljem-e konverziónak az add_to_cart eseményt?

A kosárba helyezés egy fontos mikro-konverzió, de nem minden üzlet fő konverziója. A fő konverzió maradjon a vásárlás (purchase). Az add_to_cart eseményt azonban érdemes mikro-konverzióként használni elemzésekhez vagy hirdetés optimalizáláshoz. A marketingstratégiától függően megjelölhető konverzióként is.

Miért nem jelenik meg azonnal az add_to_cart adat a GA4-ben?

A DebugView és a valós idejű riportokban az események általában rövid időn belül megjelennek, viszont a normál riportokban adatfeldolgozási késés lehet. Emellett a helytelen Measurement ID, hozzájárulási beállítások, reklámblokkolók, hibás trigger vagy nem publikált GTM konténer is okozhatja, hogy nem látszik az adat.

Szükséges-e manuális beállítás WooCommerce esetén?

Néhány WooCommerce bővítmény automatikusan továbbítja a GA4 e-kereskedelmi eseményeket. Azonban az adatminőség a bővítménytől függ, ezért fontos a GTM Preview és GA4 DebugView segítségével ellenőrizni, hogy a termékazonosító, ár, mennyiség, kategória és pénznem helyesen érkezik-e.

Milyen paraméterek a legfontosabbak az add_to_cart eseménynél?

A legkritikusabb paraméterek az eseménynév (add_to_cart), a pénznem (currency), az összérték (value), valamint az items tömb, amely tartalmazza legalább az item_id, item_name, price és quantity mezőket. További részletes elemzésekhez a kategória, márka, variáns és lista adatok is hasznosak.

Összefoglalva, a Google Analytics 4-ben az e-kereskedelmi kosárba helyezés esemény helyes beállítása nemcsak egy kattintás rögzítését jelenti, hanem a vásárlási szándék mérését is lehetővé teszi. A dataLayer szabvány, a GTM trigger, a GA4 esemény címke és a DebugView tesztelés a folyamat kulcslépései. A webshopod mérési adatait megbízhatóvá és értékessé teszi, ha rendszeresen ellenőrzöd a beállításokat, és ha erős technikai, biztonsági és teljesítménybeli alapokat biztosítasz. Ehhez ajánljuk a Hostragons hosting, domain és SSL megoldásait is.