Sitenize analytics.js'yi ekleme

analytics.js kitaplığı ("Google Analytics etiketi" olarak da bilinir), kullanıcıların web sitenizle nasıl etkileşimde bulunduğunu ölçmek için kullanılan bir JavaScript kitaplığıdır. Bu dokümanda, Google Analytics etiketinin sitenize nasıl ekleneceği açıklanmaktadır.

Google Analytics etiketi

Google Analytics etiketi, <head> etiketinin üst kısmına yakın bir yere, diğer komut dosyalarından veya CSS etiketlerinden önce eklenmelidir. Üzerinde çalışmak istediğiniz Google Analytics mülkünün mülk kimliğini eklemeniz gerekir.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Yukarıdaki kod dört temel amacı vardır:

  1. https://www.google-analytics.com/analytics.js adresinden analytics.js JavaScript kitaplığını eşzamansız olarak indirmeye başlayan bir <script> öğesi oluşturur
  2. analytics.js kitaplığı yüklendiğinde ve kullanıma hazır olduğunda komutların çalıştırılmasını programlamanıza olanak tanıyan global bir ga işlevi (ga() komut sırası denir) başlatır.
  3. ga() parametresi aracılığıyla, 'GA_MEASUREMENT_ID' parametresi aracılığıyla belirtilen özellik için yeni bir izleyici nesnesi oluşturmak amacıyla bir komut ekler.
  4. Geçerli komutla ilgili olarak Google Analytics'e bir sayfa görüntüleme göndermek için ga() komut kuyruğuna başka bir komut ekler.

Özel uygulamalar, Google Analytics etiketinin son iki satırını (create ve send komutları) değiştirmeyi veya daha fazla etkileşim elde etmek için ek kod eklemeyi gerektirebilir. Ancak analytics.js kitaplığını yükleyen veya ga() komut sırası işlevini başlatan kodu değiştirmemelisiniz.

Alternatif eşzamansız etiket

Yukarıda açıklanan Google Analytics etiketi, komut dosyasının tüm tarayıcılarda yüklenmesini ve eşzamansız olarak yürütülmesini sağlasa da modern tarayıcıların komut dosyasını önceden yüklemesine izin vermemenin dezavantajıdır.

Aşağıdaki alternatif eşzamansız etiket, önden yükleme için destek sunar. Bu özellik, modern tarayıcılarda küçük bir performans artışı sağlar ancak IE 9 ve async komut dosyası özelliğini tanımayan eski mobil tarayıcılarda eşzamanlı yükleme ve yürütme hızına düşürebilir. Bu etiket yapılandırmasını yalnızca ziyaretçileriniz sitenize erişmek için ağırlıklı olarak modern tarayıcılar kullanıyorsa kullanın.

<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

Google Analytics etiketi hangi verileri yakalar?

Bu etiketlerden herhangi birini web sitenize eklediğinizde kullanıcılarınızın ziyaret ettiği her sayfa için bir sayfa görüntüleme gönderirsiniz. Google Analytics bu verileri işler ve aşağıdakiler dahil olmak üzere çok sayıda bilgi çıkarabilir:

  • Bir kullanıcının sitenizde geçirdiği toplam süre.
  • Bir kullanıcının her sayfada geçirdiği süre ve bu sayfaların hangi sırayla ziyaret edildiği.
  • Tıklanan dahili bağlantılar (sonraki sayfa görüntülemenin URL'sine göre).

Ayrıca: Yeni bir izleyici nesnesi oluştururken analytics.js'nin gerçekleştirdiği IP adresi, kullanıcı aracısı dizesi ve ilk sayfa denetimi aşağıdakiler gibi şeyleri belirlemek için kullanılır:

  • Kullanıcının coğrafi konumu.
  • Hangi tarayıcı ve işletim sistemi kullanılıyor?
  • Ekran boyutu ve Flash veya Java'nın yüklü olup olmadığı.
  • Yönlendiren site.

Sonraki adımlar

Temel raporlama ihtiyaçları için, Google Analytics etiketi aracılığıyla toplanan veriler yeterli olsa da, çoğu durumda kullanıcılarınız hakkında yanıtlanmasını istediğiniz ek sorular vardır.

Bu sitedeki kılavuzlarda, analytics.js ile ilgilendiğiniz etkileşimlerin nasıl ölçüleceği açıklanmaktadır. Ancak, belirli bir özelliği uygulamadan önce, sol taraftaki gezinme menüsünün Temel Bilgiler bölümünde listelenen kılavuzları okumanızı önemle tavsiye ederiz. Bu kılavuzlar, analytics.js kitaplığına genel bir bakış sağlar ve site genelinde kullanılan kod örneklerini daha iyi anlamanıza yardımcı olur.

Bu serideki bir sonraki kılavuzda, analytics.js'nin işleyiş şekli açıklanmaktadır.