Google Analitics Asenkron Kod’a Geçiş
Bir çok sitede site trafiğini izlemek için insanlar google analitics hizmetini kullanıyor. Güzel bir hizmet, hemde ücretsiz. Bulunmaz bir nimet. Zaten daha önce paralı idi. Sonra google alınca ücretsiz yaptı.
Sitelerinin performansına dikkat eden herkesin gözüne takılmıştır google analitics’in kodları. Açıkçası ben sitemi yavaşlattığı için google analitics’ten vazgeçicektim. Bir aralar site çok yavaştı. O zamanlar düşünüyordum.
Google çalışanlarıda bu konudaki şikayetleri göz önüne alarak asenkron kod geliştirmişler. Asenkron kod sayesinden bir yandan google kodu çalışırken bir yandanda diğer içerikler taranabilme olanağı elde ediyor sistem, buda sitemizin daha hızlı açılmasını sağlayacaktır.
Kodlar aşağıdaki gibi;
<!DOCTYPE html>
<html>
<head>
<title>Başlık</title>
</head>
<body>
<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';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
</script>
<!-- site icegi buradan sonra gelir -->
</body>
</html>
Kodumuz eskisi gibi karmaşık ama siz karmaşıklığa aldanmayın. Burada yapacağımız şey çok basit. 9. satırdaki UA-XXXXXXX-X kısım yerine gooagle analytics’in bize verdiği kodu yerleştirmek.
Burada dikkat edeceğimiz bir husus daha vardır. Normalde javascript kodlarının </head> öncesine yazmamız önerilir, sitemizin performansı için. Ancak asenkaron nalytics kodları <head> etiketi içinde yazmanız öneriliyor.
Sonuçta ben kullanıyorum gayet iyi, hızlandı site. Çok büyük beklentiye girmeyin ama hızda bir atış olduğu hissediliyor.
Kaynak
- http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html
- http://www.electrictoolbox.com/google-analytics-asynchronous-tracking/
- http://davidwalsh.name/async-google-analytics
- http://webmasterformat.com/news/google-analytics-asynchronous-tracking
- http://www.webresourcesdepot.com/tracking-new-rss-subscribers-with-google-analytics-to-understand-them-better/
- http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html
- http://www.webmonkey.com/blog/New_Asynchronous_Script_Stops_Google_Analytics_From_Slowing_Down_Your_Site
- http://ajaxian.com/archives/google-analytics-unblocks-the-web-w-async-support
- http://www.webresourcesdepot.com/new-google-analytics-code-for-better-load-times/
- http://www.stevesouders.com/blog/2009/12/01/google-analytics-goes-async/
- http://googlesystem.blogspot.com/2009/12/optimized-google-analytics-code.html
- http://blog.chartbeat.com/2009/12/04/google-analytics-goes-asynchronous/
- http://www.further.co.uk/blog/New-Google-Analytics-Asynchronous-Tracking-Code-241
- http://www.highposition.net/article/google-analytics-launches-asynchronous-tracking-code-for-greater-speed/4561763
bende ekledim biraz hizli gibi belkide önbelleklemeden tsk ler…
Merhaba Fatihhayri,
birşey daha sormak istiyorum. Siz kodların body tag ın hemen başına koymayı öneriyorsunuz. Analytics sayfasında, kapanış head tagından önceyi öneriyor. Aradaki fark, uygulama ve hız açısından nedir? Veya kodu ikiye bölmek de sözkonusu galiba. Teşekkürler
http://gez-ye-ic.blogspot.com
Okuduğum bir ki kaynakta body koymasının daha avantajlı olduğuna dair yazılar vardı. Açıkçası ben ilk baktığımda google da da öyleydi sanki ama şimdi baktım head yazıyor
kodu gösterdigi kısımda <body> etiketine koyun yazıyor.
Merhaba,
Ben normal halini kullanıyordum, sizin yazınız üzerine asenkronu uyguladım. Benim sorum; kendi trafiğimi göstermemesi için, nasıl çerez yaratabilirim ve uygulayabilirim. Blogum var ve dinamik ip kullanıyorum. Analytics in help sayfasından birşey ler yapmaya çalıştım ama olmadı.
Ayrıca, Analytics ile ziyaretçilerin ip sini ve organizasyonunu göremiyoruz değil mi?
Yardımcı olursanız sevinirim.
http://gez-ye-ic.blogspot.com
Sorularınız cevaplarını bilmiyorum
hızlı cevabınız için teşekkürler. Google analytics de bu makale var ama çerezi yaratıp, uygulayamadım. Daha doğrusu , "Etki alanınızda aşağıdaki kodu içeren yeni bir sayfa oluşturun:" cümlesini anlamadım. Bloga koyarsam bu sefer bu cerez herkese uygulanacak, burada kafam karıştı. Siz belki daha iyi yorumlayabilirsiniz diye yazıyorum.
https://www.google.com/support/googleanalytics/bi…
Tekrar teşekkürler
http://gez-ye-ic.blogspot.com
hızlı cevabınız için teşekkürler. Google analytics de bu makale var ama çerezi yaratıp, uygulayamadım. Daha doğrusu , "Etki alanınızda aşağıdaki kodu içeren yeni bir sayfa oluşturun:" cümlesini anlamadım. Bloga koyarsam bu sefer bu cerez herkese uygulanacak, burada kafam karıştı. Siz belki daha iyi yorumlayabilirsiniz diye yazıyorum.
https://www.google.com/support/googleanalytics/bi…
Tekrar teşekkürler
http://gez-ye-ic.blogspot.com
hızlı cevabınız için teşekkürler. Google analytics de bu makale var ama çerezi yaratıp, uygulayamadım. Daha doğrusu , "Etki alanınızda aşağıdaki kodu içeren yeni bir sayfa oluşturun:" cümlesini anlamadım. Bloga koyarsam bu sefer bu cerez herkese uygulanacak, burada kafam karıştı. Siz belki daha iyi yorumlayabilirsiniz diye yazıyorum.
https://www.google.com/support/googleanalytics/bi…
Tekrar teşekkürler
http://gez-ye-ic.blogspot.com
hızlı cevabınız için teşekkürler. Google analytics de bu makale var ama çerezi yaratıp, uygulayamadım. Daha doğrusu , "Etki alanınızda aşağıdaki kodu içeren yeni bir sayfa oluşturun:" cümlesini anlamadım. Bloga koyarsam bu sefer bu cerez herkese uygulanacak, burada kafam karıştı. Siz belki daha iyi yorumlayabilirsiniz diye yazıyorum.
https://www.google.com/support/googleanalytics/bi…
Tekrar teşekkürler
http://gez-ye-ic.blogspot.com
Anladığım kadarı ile çerezi koyup sayfalara gireceksiniz, sonrada kodu kaldıracaksınız. Gerçi kaldırma kısmını yazmamış ama. Kaldırmazsanız nasıl sadece sizin olduğunuzu anlayacak onu bilemedim. Belkide ilk giren kullanıcıyı tutuyor olabilir
Merhaba, olayı çözdüm ve kendi trafiğimi hariç tutabiliyorum. İzniniz olursa, sizin vasıtanızla meraklıları için yazmak istedim.
1. blog kullanıcıları için aşağıdaki kodları koymak ve çerez yaratmak için sayfayı tıklayıp yüklemek sonra eklediğimiz bu kodu silmek gerekiyor. Başka yoluda yok sanırım.
Asenkron kullanıcıları için: _gaq.push(['_setVar','haricbirak']);
Normal kullanıcılar için: pageTracker._setVar(“haricbirak”);
bu kodları, blogunuzdaki analytics kodunun içindeki trackPageview den sonra koyuyoruz.
2. Daha sonra google analytics sayfasına girip, filtre oluştur dan , google analytics sayfasında anlatıldığı gibi bir filtre oluşturuyoruz. Fakat , filtre nin ismini haricbirak koyuyoruz. Veya 1 ve 2. maddedeki heriki haricbirak yerine istediğinizi yazabilirsiniz.
3. Bu hariç bırakmayı, Analytics sayfanızda sol kenardaki menüden, Ziyaretçiler menüsünün içindeki ' kullanıcı tanımlı' sekmesini seçerek görebilirsiniz.
Kolay gelsin
Ustam denedim. Harbiden fark edilir hızlanma oldu. Rep sistemi olsa +1 benden sana. :P
Bakalım bende ekledim siteme. İnşallah herhangi bir hata almam. Bazen eski kodda yükleme gecikmeleri yapıyordu. bunda ne olacak deneyerek görelim.
işe yaradı sayfa yüklenme süresi 0.24 iken şimdi 0.22 ye indi.
Bu kod normal akış içinde fazla yara sağlamayacaktır, ama yoğun içeriklerin olduğu sayfalarda aynı anda bir çok htttp isteiğinin olduğu durumlarda hız yönünde daha ciddi artışlar olacaktır
bu asenkron kodu nereden, nasıl alacağız?
Kod yukarıda yazıyor
peki diğer analist kodunu duracakmı kaldıracakmıyız
Diğerini kaldırıp bunu yazacağız.
Denedim. Gerçektende hıza etkisi var.
Usta büyüksün. :) Hemen deniyeceğim.