A Google Analytics, mint gondolom sokan tudjátok egy eléggé elterjedt weboldal elemző alkalmazás. Honlapunkba integrálva, rengeteg hasznos statisztikai adathoz juthatunk. Ezekkel aztán javíthatunk site-unk találati pozícióján, teljesítményén, hatékonyságán stb.
A telepítéshez egy kódrészletet kell weboldalunkba illesztenünk, és megkezdődik a mérés. Ebben a cikkben ennek a kódrészletnek az optimalizált, felgyorsított változatát mutatom be, melyről nemrég olvastam Mathias Bynens blogján. (@mathias)
Cikkünk a hirdetés után folytatódik!
Az Analytics asszinkron követőkód
A Google, tavaly november vagy december körül vezette be a új asszinkron követőkódját, amely pontosabb mérést és gyorsabb betöltődést eredményez. Természetesen a régi kódok is működőképesek maradtak, de érdemes őket lecserélni, mivel az új verziót már a fejlécbe is illeszthetjük, elcsípve így azokat a látogatókat is, akik még a régi kód betöltődése előtt elhagyták az oldalunkat.
Fontos, hogy mielőtt a régi kódról az újra váltanál, olvasd el a dokumentációt, tájékozódj az esetlegesen fellépő hibákról, változásokról!
Az alapértelmezett mérőkód
Tulajdonképpen ezzel semmi dolgunk sincs, kivéve annyi, hogy eltávolítjuk az oldalunkból mielőtt használni kezdenénk az újat. (Általában a láblécban található a
1 2 3 4 5 6 7 8 9 10 | <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> |
Az optimalizált mérőkód
Miután eltávolítottuk a régit, illesszük weboldalunk fejlécébe az új mérőkódot közvetlenül a záró /head címke elé.
1 | <script>var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)})(document,'script')</script> |
(egysorban, sortörések nélkül)
Forrás: Mathias Bynens
Cseréljük le a UA-XXXXX-X jelzést a saját Analytics azonosítónkra, melyet a profil szerkesztés menüpontban találunk. Itt ellenőrizhetjük is, hogy működik e a mérés, de bizonyos időnek el kell telnie ahhoz, hogy az eredményeket megkapjuk.
A HTML4 érvényesítéshez adjuk hozzá a type=”text/javascript” beállítást. (lásd lentebb)
Telepítés Wordpress blogra
A wordpress-nél egyszerű a helyzet mint mindig, az egész elvégezhető az adminisztrációs felületről.
- Távolítsunk el minden plugint ami az Analytics mérőkód-al foglalkozik
- Ha nem használunk plugint a Megjelenés/Szerkesztővel távolítsuk el a régi követőkódot. (általában a footer.php-ban található)
- Ugyanitt, nyissuk meg a header.php-t és illesszük be az új mérőkódot a záró /head címke elé
1 2 | <script type="text/javascript">var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)})(document,'script')</script> </head> |
Egy kis idő múlva mindenképp ellenőrizzük le az Analytics fiókunkat, hogy rendben van e a mérés.
Analytics adatok ellenőrzése
Zárszó
Én mindenképpen ajánlom a használatát nemcsak az “új” asszinkron mérőkódnak, hanem a felgyorsított változatnak is, hiszen egy weboldal gyorsasága sok apró dologtól függ, nemde.
Szólj hozzá!