Hogyan kövesd a videólejátszásokat a weboldaladon a Google Analyticsben?

A digitális marketing világában a tartalom a király, és a videó tartalom e korona ékköve. Egyre több vállalat és weboldal tulajdonos fektet energiát kiváló minőségű videók létrehozásába, legyen szó termékbemutatókról, oktatóanyagokról vagy éppen márképítő tartalmakról. De mit ér a legjobb videó, ha nem tudjuk, mennyire rezonál a közönséggel? Itt jön képbe a videólejátszás követés a Google Analytics segítségével. Ez a részletes útmutató segít megérteni, hogyan teheti mérhetővé a videói sikerességét, és hogyan alakíthatja át az adatokat kézzelfogható marketing stratégiává.

Miért kritikus a videólejátszás követés?

Képzelje el, hogy órákat, napokat töltött egy videó elkészítésével, de fogalma sincs, hányan nézik meg, meddig nézik, vagy melyik ponton hagyják abba. Enélkül az információ nélkül vakon repül. A videólejátszás követés lehetővé teszi, hogy:

Megértse a felhasználói viselkedést: Mely videók a legnépszerűbbek? Melyek azok, amelyeket a végéig néznek meg? Melyik videó okoz lemorzsolódást?
Optimalizálja a tartalmi stratégiát: Az adatok alapján készíthet jobb, relevánsabb videókat, amelyek valóban lekötik a közönségét.
Mérje a marketing kampányok hatékonyságát: Ha egy videó egy kampány része, a lejátszási adatok segítenek felmérni a kampány sikerességét.
Javítsa a felhasználói élményt: Azonosítsa a technikai problémákat, például a lassú betöltést vagy a lejátszási hibákat, amelyek rontják a felhasználói élményt.

A Google Analytics (GA) alapértelmezésben nem követi a videólejátszásokat. Nem tudja, hogy a felhasználók megnyomják-e a play gombot, megállítják-e a videót, vagy a végéig nézik-e azt. Ehhez speciális beállításokra, azaz eseménykövetésre van szükség.

A Google Tag Manager (GTM) szerepe a videókövetésben

Bár közvetlenül is implementálhatók a Google Analytics események a weboldal kódjába, a Google Tag Manager (GTM) használata messze a legrugalmasabb és leghatékonyabb megoldás. A GTM egy címkekezelő rendszer, amely lehetővé teszi, hogy JavaScript kódot (címkéket) szúrjon be a webhelyére anélkül, hogy közvetlenül módosítania kellene a webhely forráskódját. Ez rendkívül leegyszerűsíti a követési kódok telepítését és kezelését, különösen a videókövetés esetében.

A GTM előnyei a videólejátszás követésénél:

Rugalmasság: Könnyedén beállíthat különböző eseményeket (play, pause, progress, stb.) különböző videólejátszókhoz (YouTube, Vimeo, egyedi HTML5).
Fejlesztői erőforrások kímélése: A marketingesek maguk is implementálhatják a követést anélkül, hogy minden egyes módosításhoz fejlesztőre lenne szükségük.
Tisztább kód: A webhely kódja mentes marad a GA követő scriptektől.
Verziókezelés és tesztelés: A GTM lehetővé teszi a változások tesztelését, előnézetét és visszaállítását.

Videólejátszás követés beállítása Google Tag Managerrel

A videókövetés beállítása a GTM-ben három fő lépésből áll: Változók (Variables), Eseményindítók (Triggers) és Címkék (Tags) létrehozása.

1. YouTube videók követése

A YouTube videók követése a legegyszerűbb, mivel a GTM beépített változót és eseményindítót kínál hozzá.

a) Beépített változók engedélyezése:

Lépjen be a GTM felületére, majd navigáljon a bal oldali menüben a „Változók” (Variables) menüpontra. A „Beépített változók” (Built-In Variables) alatt kattintson a „Konfigurálás” (Configure) gombra, és jelölje be az összes „Videó” (Video) kategóriába tartozó változót (pl. Video Current Time, Video Duration, Video Percent, Video Status, Video Title, Video URL, Video Provider).

b) YouTube videó eseményindító létrehozása:

Navigáljon az „Eseményindítók” (Triggers) menüpontra, majd hozzon létre egy új eseményindítót. Válassza ki a „YouTube videó” (YouTube Video) típust. Itt beállíthatja, hogy mely eseményeket szeretné követni:

Start: Amikor a videó elindul.
Pause, Seeking, Buffering: Szüneteltetés, ugrás, pufferelés.
Progress: Meghatározott százalékos előrehaladás (pl. 25%, 50%, 75%, 100%). Ez rendkívül hasznos a lemorzsolódási pontok azonosítására.
Complete: Amikor a videó a végére ér (100%).

Az „Enable API Support for all YouTube Videos” opciót be kell jelölni, hogy a GTM kommunikálni tudjon a YouTube API-val.

c) Google Analytics esemény címke létrehozása:

Navigáljon a „Címkék” (Tags) menüpontra, majd hozzon létre egy új címkét. Válassza ki a „Google Analytics: GA4 esemény” (GA4 Event) típust (vagy „Universal Analytics” típust, ha még azt használja, de javasolt a GA4-re való átállás!).

Konfiguráció (GA4):
Címke típusa: Google Analytics: GA4 esemény
Konfigurációs címke: Válassza ki a már létrehozott GA4 konfigurációs címkét (pl. GA4 – Alap beállítás).
Esemény neve: Pl. video_engagement. Ez lesz az esemény neve a GA4-ben.
Eseményparaméterek: Itt adhatja meg azokat a részleteket, amelyeket a GA-ba szeretne küldeni. Használja a korábban engedélyezett beépített videó változókat.

video_title: {{Video Title}}
video_url: {{Video URL}}
video_percent: {{Video Percent}}
video_status: {{Video Status}} (ezt át kell alakítani pl. „play”, „pause”, „progress”, „complete” értékekre egy egyéni JavaScript változóval, vagy külön címkéket használni minden státuszhoz)
video_duration: {{Video Duration}}
video_current_time: {{Video Current Time}}
video_provider: {{Video Provider}} (ez lesz „YouTube”)

Eseményindító: Válassza ki az előzőleg létrehozott YouTube videó eseményindítót.

A fenti beállítással egyetlen címke kezeli az összes YouTube eseményt. Alternatívaként, ha pontosabb kontrollra van szüksége, külön címkét hozhat létre minden eseményhez (pl. „YouTube Play”, „YouTube 25% Progress”, „YouTube Complete”), minden egyes címkéhez egy adott eseményindítóval és egyedi eseménynévvel.

2. Vimeo és egyedi HTML5 videók követése

A Vimeo és az egyedi HTML5 videók követése összetettebb, mivel a GTM-nek nincs beépített listenere ezekhez. Ehhez egyéni JavaScript kódra és az adatréteg (dataLayer) használatára van szükség.

a) Az adatréteg (dataLayer) szerepe:

Az adatréteg egy JavaScript objektum, amely ideiglenesen tárolja az információkat, és ezeket az információkat a GTM-en keresztül elküldheti a Google Analyticsnek. A videólejátszóval kapcsolatos események (pl. lejátszás elindul, 25% elérése) egyéni JavaScript kóddal az adatrétegbe kerülnek push-olásra.

b) Egyedi JavaScript kód implementálása:

Ez a lépés általában egy fejlesztő segítségét igényli. A kód figyeli a videólejátszó eseményeit (pl. a Vimeo API-n keresztül, vagy az HTML5 tag eseményeit, mint a play, pause, timeupdate), és amikor egy esemény bekövetkezik, az adatrétegbe push-ol egy objektumot a releváns információkkal.

Példa HTML5 videóhoz (egyszerűsítve):

<video id="myVideo" controls>
  <source src="video.mp4" type="video/mp4">
</video>

<script>
  const video = document.getElementById('myVideo');
  if (video) {
    video.addEventListener('play', () => {
      dataLayer.push({
        'event': 'video_event',
        'video_action': 'play',
        'video_title': 'Demo Video',
        'video_url': video.currentSrc
      });
    });

    video.addEventListener('timeupdate', () => {
      const percent = Math.floor((video.currentTime / video.duration) * 100);
      if (percent >= 25 && percent  {
      dataLayer.push({
        'event': 'video_event',
        'video_action': 'complete',
        'video_title': 'Demo Video',
        'video_url': video.currentSrc
      });
    });
  }
</script>

Ezt a kódot be kell illeszteni a weboldalba, ahol a videó található. A Vimeo API hasonló módon használható.

c) GTM változók és eseményindítók létrehozása az adatréteg eseményeihez:

Adatréteg változók: Lépjen a „Változók” (Variables) menüpontra, és hozzon létre új „Adatréteg változók” (Data Layer Variables) típust. Adja meg a kulcsokat, amelyeket az adatrétegbe push-olt (pl. video_action, video_title, video_url).
Egyéni eseményindító: Hozzon létre egy új eseményindítót, válassza az „Egyéni esemény” (Custom Event) típust, és adja meg az esemény nevét (pl. video_event, ahogy az adatrétegbe push-olta). Ezt az eseményindítót használja majd a GTM címkéjéhez.

d) Google Analytics esemény címke létrehozása:

Hasonlóan a YouTube-hoz, hozzon létre egy GA4 esemény címkét. Használja a létrehozott Adatréteg változókat az eseményparaméterekhez (pl. video_action helyére {{dlv - video_action}}). A címkéhez rendelje hozzá az „Egyéni eseményindítót”.

3. GA4-specifikus megfontolások

A Google Analytics 4 (GA4) alapvetően esemény-alapú modellre épül, ami azt jelenti, hogy minden interakció (oldalmegtekintés, kattintás, videólejátszás) egy esemény. Ez leegyszerűsíti a videókövetést a Universal Analyticshez képest.

Fokozott mérés (Enhanced Measurement): A GA4-ben van egy „Fokozott mérés” funkció, amely alapértelmezésben képes követni a beágyazott YouTube videókat. Ez azonnal elküld lejátszás, előrehaladás (25%, 50%, 75%), és befejezés eseményeket. AZONBAN ez korlátozott, és nem ad annyi részletes információt, mint a GTM-en keresztül küldött egyedi események (pl. videó címe, URL-je, lejátszási idő). Éppen ezért a GTM-es megközelítés továbbra is javasolt a részletesebb adatokhoz.
Eseményparaméterek: A GA4-ben az eseményekhez korlátlan számú paramétert küldhet, ami nagy rugalmasságot biztosít. A fent említett video_title, video_percent stb. mind paraméterek.

Milyen adatok gyűjtése javasolt?

A cél a minél hasznosabb adatok gyűjtése, amelyek alapján döntéseket hozhat. Javasolt paraméterek a videó eseményekhez:

video_title: A videó címe. (pl. „Termékbemutató – X okostelefon”)
video_url: A videó forrás URL-je.
video_id: A videó egyedi azonosítója (pl. YouTube videó ID).
video_status vagy video_action: Az elvégzett művelet (pl. „play”, „pause”, „progress_25”, „progress_50”, „progress_75”, „complete”, „mute”, „unmute”, „fullscreen”).
video_percent: Az aktuális lejátszási százalék.
video_duration: A videó teljes hossza másodpercben.
video_current_time: Az aktuális lejátszási idő másodpercben.
video_provider: A videólejátszó típusa (pl. „YouTube”, „Vimeo”, „HTML5”).
page_path / page_location: A weboldal URL-je, ahol a videó lejátszásra került.

A konzisztens elnevezési konvenció (pl. video_ előtag az összes videóparaméterhez) kritikus fontosságú az adatok későbbi elemzéséhez.

Az adatok elemzése a Google Analyticsben

Miután a GTM beállításai élesedtek és az adatok beáramlanak a GA-ba, ideje elemezni őket.

Google Analytics 4 (GA4):

Események jelentés: Navigáljon a „Jelentések” (Reports) -> „Életciklus” (Lifecycle) -> „Elkötelezettség” (Engagement) -> „Események” (Events) menüpontra. Itt láthatja az összes beküldött eseményt, beleértve a video_engagement (vagy amit ön nevezett el) eseményt is.
Felderítés (Explorations): Ez a GA4 egyik legerősebb funkciója. Itt hozhat létre egyedi jelentéseket és táblázatokat.
- Hozzon létre egy „Szabad formájú” (Free-form) felderítést.
- Adja hozzá a video_engagement eseményt szűrőként.
- Importálja a dimenziókat (pl. video_title, video_percent, video_action, page_path) és mutatókat (pl. „Események száma”, „Összes felhasználó”, „Elkötelezett munkamenetek”).
- Készíthet egy „tölcsér” (funnel) vizualizációt is, hogy lássa, hány felhasználó ér el a videó 25%-hoz, 50%-hoz, 75%-hoz és 100%-hoz – ez egy nagyszerű módja a lemorzsolódási pontok azonosításának.
Közönségek (Audiences): Létrehozhat egyedi közönségeket azokból a felhasználókból, akik megnéztek egy bizonyos videót, vagy eljutottak egy bizonyos százalékig. Ezeket a közönségeket felhasználhatja remarketing kampányokhoz.

Mit keressen az adatokban?

Legnépszerűbb videók: Mely videók kapják a legtöbb lejátszást? Ezeket érdemes kiemelni vagy hasonló tartalmakat készíteni.
Lemordzsolódási pontok: Hol hagynak fel a felhasználók a videó megtekintésével (pl. sokan lemorzsolódnak 25% és 50% között)? Lehet, hogy a videó túl hosszú, unalmas, vagy a tartalom nem releváns.
Befejezési arány: Hányan nézik meg a videót a végéig? Ez a tartalom minőségének és relevanciájának jó indikátora.
Eszközök szerinti teljesítmény: Jól teljesítenek-e a videók mobilon és asztali gépen egyaránt?
Hozzárendelés: Hogyan befolyásolja a videó megtekintése a konverziókat vagy más kulcsfontosságú teljesítménymutatókat?

Legjobb gyakorlatok és hibaelhárítás

Rendszeres tesztelés: Mindig tesztelje a GTM beállításait a „Preview” móddal, mielőtt élesítené őket. Ellenőrizze a DebugView-t a GA4-ben, hogy megbizonyosodjon arról, hogy az események helyesen érkeznek be.
Konzisztens elnevezés: Használjon egyértelmű és konzisztens elnevezési konvenciókat az események és paraméterek számára.
Dokumentáció: Dokumentálja a GTM-ben végrehajtott beállításokat, hogy később könnyen átlátható legyen.
Teljesítményfigyelés: A sok videóesemény növelheti az adatgyűjtés terhelését. Győződjön meg róla, hogy csak a releváns eseményeket követi.
Adatminőség: Az adatok csak annyira jók, amennyire a gyűjtési módszerük pontos. Rendszeresen ellenőrizze az adatok pontosságát.

Összefoglalás

A videólejátszás követés nem csupán technikai feladat, hanem egy létfontosságú eszköz a weboldal tulajdonosok és marketingesek számára, hogy mélyebben megértsék közönségüket. A Google Analytics és a Google Tag Manager párosa rendkívül erőteljes platformot biztosít ehhez, lehetővé téve a részletes eseménykövetést és az adatok alapján történő döntéshozatalt. Az ebben az útmutatóban bemutatott lépésekkel Ön is képes lesz mérhetővé tenni videói sikerét, optimalizálni tartalmi stratégiáját, és végső soron jobb felhasználói élményt nyújtani weboldalán.

Ne hagyja, hogy a kemény munkával elkészített videói rejtve maradjanak az adatok tengerében. Kezdje el még ma a követést, és fedezze fel a bennük rejlő potenciált!