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çmeye yönelik bir JavaScript kitaplığıdır. Bu dokümanda, Google Analytics etiketini sitenize nasıl ekleyeceğiniz açıklanmaktadır.

Google Analytics etiketi

Google Analytics etiketi, <head> etiketinin üst kısmına yakın bir yere, diğer komut dosyası veya CSS etiketlerinden önce eklenmeli ve birlikte çalışmak istediğiniz Google Analytics mülkünün mülk kimliğini içermelidir.

<!-- 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 işlevi yerine getirir:

  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. Komutları, analytics.js kitaplığı yüklenip kullanıma hazır olduğunda çalıştırılacak şekilde planlamanıza olanak tanıyan genel bir ga işlevini (ga() komut sırası olarak adlandırılır) başlatır.
  3. 'GA_MEASUREMENT_ID' parametresi aracılığıyla belirtilen mülk için yeni bir izleyici nesnesi oluşturmak üzere ga() komut sırasına bir komut ekler.
  4. Geçerli sayfa için Google Analytics'e sayfa görüntüleme göndermek üzere ga() komut sırasına başka bir komut ekler.

Özel uygulamalar, Google Analytics etiketinin son iki satırında (create ve send komutları) değişiklik yapılmasını veya daha fazla etkileşim yakalamak için ek kod eklenmesini gerektirebilir. Ancak analytics.js kitaplığını yükleyen veya ga() komut sırası işlevini başlatan kodu değiştirmemeniz gerekir.

Alternatif eşzamansız etiket

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

Aşağıdaki alternatif eşzamansız etiket, önceden yükleme desteği sağlar. Bu destek, modern tarayıcılarda küçük bir performans artışı sağlar, ancak IE 9 ve async komut dosyası özelliğini tanımayan daha eski mobil tarayıcılarda eşzamanlı yükleme ve yürütmeye düşebilir. Bu etiket yapılandırmasını yalnızca, ziyaretçileriniz sitenize erişmek için öncelikli 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 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 de dahil olmak üzere birçok bilgi çıkarabilir:

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

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

  • Kullanıcının coğrafi konumu.
  • Hangi tarayıcı ve işletim sisteminin kullanıldığı.
  • 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 olabilir, ancak çoğu durumda kullanıcılarınız hakkında yanıtlanmasını istediğiniz başka sorular da olabilir.

Bu sitedeki kılavuzlarda, analytics.js ile ilgilendiğiniz etkileşimleri nasıl ölçeceğiniz 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 edilir. Bu kılavuzlar, analytics.js kitaplığına dair genel bir bakış sunar ve site genelinde kullanılan kod örneklerini daha iyi anlamanıza yardımcı olur.

Bu serinin bir sonraki kılavuzunda analytics.js'nin işleyiş şekli açıklanmaktadır.