Scrollozás mélységének követése Google Analytics-el

Szerző:

2012 április 19Webanalitika

Nemrég Gary Illyés osztott meg Google Plus-on egy bejegyzést, ami egy “plugint” kínál Google Analytics-hez az oldalon történő görgetés mélységének detektálásához.

Magyarul, láthatjuk, hogy a felhasználó meddig volt hajlandó lescrollozni az oldalunkon. Látják-e még a reklámokat, eljutnak-e a komment szekcióig, a megosztások gombig, stb.

Miután a cucc jól működik és volt is időm kipróbálni, gondoltam megosztom, hátha másoknak is hasznos lehet.

JQuery Scroll Depth

A plugin az Events API-n keresztül dolgozik, és a következő értékeket adja vissza: Baseline (0%), 25%, 50%, 75%, 100%

Vagyis egészen pontos értéket nem kapunk – minek is -, viszont azt nagyon jól láthatjuk, hogy hol meddig hányan jutottak el. Az eredmények az Events szekcióban vannak Analytics alatt, a kategória “Scroll Depth”.

Itt oldal szinten is vizsgálhatóak az eredmények, de Custom riportokkal is lehet játszani igény szerint.

google analytics scroll depth

Installálás

Van két alapfeltétel ami kell a működéshez, de egyik sem teljesíthetetlen.

  • Google Analytics async mérőkód
  • JQuery 1.7 (Ez a legtöbb oldalon van, ellenőrizzük a verziót! Itt a Google-től húzza be!)

Ha minden okés, akkor gyakorlatilag a következő kódot kell beillesztenünk:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="jquery.scrolldepth.js"></script>
<script>
$(function() {
$.scrollDepth();
});
</script>

A kód a Google Analytics alatt legyen elhelyezve, preferált az oldal alja felé, de mindenképpen még a záró </body> tag előtt!

Gyakorlatilag minden böngészővel működik, iOS és Android alatt is.

A plugin letölthető a projekt oldaláról, innen: JQuery Scroll Depth