Google Analytics JS'yi <head> 'e mi yoksa <body>' nin sonuna mı koymalıyım?


123

Google bana bir parça javascript veriyor ve bunu <head>.

Sonuna koyabilir miyim <body>yoksa bunu yaparsam bazı yan etkiler olur mu?


3
Bunu </body> kapanış etiketinin önüne koymanızı söylemiyorlar mı? Yoksa bu değişti mi?
Marko

Yanıtlar:


155

Bunu <head>bölümün sonuna koymak , bir kullanıcı sayfanın yüklenmesini bitirmesine izin vermediğinde bile metriklerinizin izlenmesine yardımcı olur.

Sayfaların kısmi yüklenmesi için destek eklemeden önce, bunu sayfanın altına koymanızı söylerlerdi.

Doğrudan Google'dan:

Eşzamansız kod parçacığının ana avantajlarından biri, onu HTML belgesinin en üstüne yerleştirebilmenizdir. Bu, izleme işaretinin kullanıcı sayfadan ayrılmadan önce gönderilme olasılığını artırır. JavaScript kodunu <head>bölüme yerleştirmek alışılagelmiştir ve en iyi performans için snippet'i bölümün altına yerleştirmenizi öneririz.

Google Analytics Yardımına bakın : İzleme kodunu doğrudan sitenize ekleyin


8
Yani en alta koyarsam sorun olur mu? Sayfalarımın her şeyi en alta (ve düzgün işleme için css en üste) yerleştirerek hızlı yüklenmesini tercih ederim -düzenle- brüt oraya js koymak.

2
Evet, bunu yapmakta sorun yok; Aslında bir karışımım var, ancak belirtilen nedenlerden dolayı çoğunlukla onu en üste koymaya geçtim.
Chris Arguin

6
Bu neden bir avantaj? Bana öyle geliyor ki kısmi sayfa yüklemelerini saymak istemiyorum çünkü bu tür kullanıcılar esasen oraya ilk etapta gelmek için bir hata yaptıklarını söylüyorlar. Orada olmak isteseler bile, içeriğimi görmek için fazladan bir milisaniye bekletmek istemiyorum.
Melinda Green

3
Kısmi sayfa yüklemesi, site sahibi için düzeltmesi gereken bir şey ifade edebilir. Birinin mağazanıza girdiğini hayal edin, ancak dışarıdan onları yanıltarak içeri girdiğini fark edin. Bunu düzeltmek için reklamınızı düzeltmek istersiniz.
Optimus

2
Bunun için küçük bir güncelleme: <head>Bağlantı verilen sayfanın sonunda değil , artık "Etiketi her sayfada <head> açılış etiketinin hemen sonrasına ekle"
Brandon

6

İstediğin yere koyabilirsin. İzleme kodunu her zaman sayfanın sonuna koyarım ve hiç sorun yaşamadım.


2
Sayfanızı kısmen yükleyen ve milisaniyeler içinde ayrılan bir kullanıcıyı neden tespit etmek istersiniz?
João Pimentel Ferreira

@ JoãoPimentelFerreira aynı zamanda değerli bir bilgi olduğu için, görüntülemelerin
yüzdesinin

3

Sayfada istediğiniz yere koyabilirsiniz ve ister baş ister vücut olsun sayfanın herhangi bir yerinde yayınlanır. Ancak Google desteğine göre ( izleme kodunu doğrudan sitenize ekleyin ) baş etiketine tavsiye edilir , kapanış </head>etiketinin hemen önüne yapıştırın .

Baş etiketine kodun neden yerleştirileceğini açıklayan iyi bir makaleden aşağıdaki paragraf

Sayfa Görüntüleme, yalnızca bu kod yüklendikten sonra kaydedilir. Yani kodu ne kadar erken yüklerseniz, Sayfa Görüntüleme o kadar çabuk kaydedilir. Diyelim ki büyük bir blog sayfanız var ve bu yavaş yükleniyor, her şeyin yüklenmesi 10 ila 20 saniye sürüyor. Google Kodunuz sayfanın sonuna kadar başlamazsa, DİĞER kod satırlarını saklamak için kullanılan eski eşzamansız kod gibi bekletilebilir. Şu an dışında izleme kodunu tutuyor. Sitenize gelen bir ziyaretçi sayfayı ziyaret eder ve ardından izleme kodu Sayfa Görüntülemeyi etkinleştirmeden önce sayfadan ayrılırsa, o ziyaretçiyi kaybedersiniz. Artık, indikleri sitenin herhangi bir sayfasına yeni bir doğrudan ziyaret oluyorlar. Bu, sitenizdeki her türlü veriyi yanlış hale getirebilir.


0

Başta, </ head> kapanış etiketinin hemen öncesinde, web sitenizi Web Yöneticisi Araçları'nda doğrulama konusunda herhangi bir sorun yaşamayacaksınız.


0

Aşağıdaki kodu ("JavaScript izleme snippet'i" olarak bilinir) sitenizin şablonlarına eklemek, analytics.js'yi kullanmaya başlamanın en kolay yoludur.

Kod, etiketin üst kısmına yakın bir yere ve herhangi bir komut dosyası veya CSS etiketinin önüne eklenmelidir ve "UA-XXXXX-Y" dizesi, Google Analytics'in mülk kimliğiyle ("izleme kimliği" olarak da adlandırılır) değiştirilmelidir. izlemek istediğiniz mülk.

<!-- 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 ana şey yapar:

  1. Analytics.js JavaScript kitaplığını https://www.google-analytics.com/analytics.js adresinden eşzamansız olarak indirmeye başlayan bir öğe oluşturur

  2. Analytics.js kitaplığı yüklendikten ve kullanıma hazır olduktan sonra çalıştırılacak komutları planlamanıza olanak tanıyan genel bir ga işlevini (ga () komut sırası olarak adlandırılır) başlatır.

  3. 'UA-XXXXX-Y' parametresiyle belirtilen özellik için yeni bir izleyici nesnesi oluşturmak üzere ga () komut kuyruğuna bir komut ekler.

  4. Geçerli sayfa için Google Analytics'e bir sayfa görüntüleme göndermek üzere ga () komut sırasına başka bir komut ekler.


Biraz daha yakından bakalım, çünkü ona "komut kuyruğu" demek, ona çok fazla itibar kazandırıyor. Sıkıştırılmış çirkinleştirilmiş kod, birkaç şeyi açmak için kullandığı birkaç argümanı kabul eder ve bağlı bir Array.pushişlev için bir tutamaç elde eder. ga"İşlev" bağlı olduğunu tamamen push. Böylece, anında çağrılar optimize edilebilir : []ga[['create', 'UA-XXX', 'auto'], ['send', 'pageview']]
Bulunmazsa

-3

Kod, her zaman etiketin üst kısmının yakınına ve herhangi bir komut dosyası veya CSS etiketinden önce 'UA-XXXXX-Y'eklenmeli ve dize ID, izlemek istediğiniz Google Analytics mülkünün mülküyle ("izleme kimliği" olarak da adlandırılır) değiştirilmelidir.


2
Bu soruya cevap vermiyor. Sorusu yan etkileri nelerdir soruyor değil dediğin gibi yapıyor.
Peter Hall
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.