Apakah saya harus meletakkan Google Analytics JS di <head> atau di akhir <body>?

123

Google memberi saya sepotong javascript dan meminta saya untuk memasukkannya ke dalam <head>.

Dapatkah saya meletakkannya di akhir <body>atau akankah beberapa efek samping terjadi jika saya melakukannya?

Peter Hall
sumber
3
Bukankah mereka mengatakan untuk meletakkannya sebelum tag penutup </body>? Atau apakah ini berubah?
Marko

Jawaban:

155

Menempatkannya di akhir <head>bagian membantu memastikan metrik Anda dilacak bahkan ketika pengguna tidak membiarkan halaman selesai memuat.

Mereka biasanya memberi tahu Anda untuk meletakkannya di bagian bawah halaman, sebelum mereka menambahkan dukungan untuk menangani pemuatan sebagian halaman.

Langsung dari Google:

Salah satu keuntungan utama cuplikan asinkron adalah Anda dapat menempatkannya di bagian atas dokumen HTML. Ini meningkatkan kemungkinan dikirimnya suar pelacakan sebelum pengguna meninggalkan halaman. Merupakan kebiasaan untuk menempatkan kode JavaScript di <head>bagian tersebut, dan sebaiknya tempatkan cuplikan tersebut di bagian bawah bagian untuk kinerja terbaik.

Lihat Bantuan Google Analytics : Tambahkan kode pelacakan langsung ke situs Anda

Chris Arguin
sumber
8
Jadi tidak apa-apa jika saya taruh di bawah? Saya lebih suka halaman saya dimuat dengan cepat dengan meletakkan semuanya di bagian bawah (dan css di bagian atas untuk rendering yang tepat) -edit- gross untuk meletakkan js di sana.
2
Ya, tidak masalah melakukannya; Saya sebenarnya memiliki campuran, tetapi sebagian besar telah bermigrasi untuk meletakkannya di atas karena alasan yang disebutkan.
Chris Arguin
6
Mengapa ini menjadi keuntungan? Bagi saya, saya tidak ingin menghitung pemuatan halaman sebagian karena pengguna seperti itu pada dasarnya mengatakan bahwa mereka melakukan kesalahan dengan datang ke sana sejak awal. Meskipun mereka bermaksud berada di sana, saya tidak ingin membuat mereka menunggu lebih dari satu milidetik untuk melihat konten saya.
Melinda Green
3
Pemuatan halaman sebagian juga bisa berarti sesuatu bagi pemilik situs yang perlu mereka perbaiki. Bayangkan seseorang melangkah di toko Anda, hanya untuk menyadari bahwa dari luar menyesatkan mereka untuk masuk. Anda ingin memperbaiki iklan Anda untuk memperbaikinya.
Optimus
2
Pembaruan kecil untuk ini: daripada di bagian akhir <head>, halaman yang ditautkan ke sekarang bertuliskan "Tambahkan tag tepat setelah tag pembuka <head> di setiap halaman".
Brandon
6

Anda bisa meletakkannya di mana pun Anda mau. Saya selalu meletakkan kode pelacakan di akhir halaman dan saya tidak pernah mengalami masalah apa pun.

casablanca
sumber
2
Mengapa Anda ingin mendeteksi pengguna yang memuat sebagian halaman Anda dan keluar dalam milidetik?
João Pimentel Ferreira
@ JoãoPimentelFerreira karena ini juga merupakan informasi yang berharga, Anda mungkin ingin mengukur seperti apa% penayangan itu
jangorecki
3

Anda dapat meletakkannya di mana pun Anda inginkan pada halaman, dan akan berjalan di mana saja pada halaman apakah itu di head atau body. Tetapi menurut dukungan Google ( Tambahkan kode pelacakan langsung ke situs Anda ) disarankan untuk itu di tag kepala, tempel tepat sebelum </head>tag penutup .

Paragraf berikut dari artikel yang bagus menjelaskan mengapa harus meletakkan kode di tag kepala

Tayangan Halaman dicatat hanya setelah kode itu dimuat. Jadi, semakin cepat Anda memuat kode, semakin cepat Pageview dicatat. Katakanlah Anda memiliki halaman blog yang besar, dan itu memuat dengan lambat, bahkan membutuhkan 10 hingga 20 detik untuk memuat semuanya. Jika Google Code Anda tidak dimulai hingga akhir halaman, itu bisa tertahan, seperti kode non-asinkron lama yang digunakan untuk menahan baris kode LAINNYA. Kecuali sekarang ini menahan kode pelacakan. Jika pengunjung situs Anda membuka halaman, lalu keluar sebelum kode pelacakan mengaktifkan Pageview, Anda akan kehilangan pengunjung tersebut. Mereka sekarang menjadi kunjungan langsung baru ke halaman mana pun di situs tempat mereka mendarat. Ini dapat membuat semua jenis data di situs Anda salah.

Subodh Ghulaxe
sumber
0

Di kepala, tepat sebelum tag penutup </ head>, Anda tidak akan menemui masalah apa pun dalam memverifikasi situs web Anda di Alat Webmaster.

Sezhers
sumber
0

Menambahkan kode berikut (dikenal sebagai "cuplikan pelacakan JavaScript") ke kerangka situs Anda adalah cara termudah untuk mulai menggunakan analytics.js.

Kode harus ditambahkan di dekat bagian atas tag dan sebelum skrip atau tag CSS lainnya, dan string 'UA-XXXXX-Y' harus diganti dengan ID properti (juga disebut "ID pelacakan") dari Google Analytics properti yang ingin Anda lacak.

<!-- 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 -->

Kode di atas melakukan empat hal utama:

  1. Membuat elemen yang mulai mengunduh pustaka JavaScript analytics.js secara asinkron dari https://www.google-analytics.com/analytics.js

  2. Menginisialisasi fungsi ga global (disebut antrian perintah ga ()) yang memungkinkan Anda menjadwalkan perintah untuk dijalankan setelah pustaka analytics.js dimuat dan siap digunakan.

  3. Menambahkan perintah ke antrean perintah ga () untuk membuat objek pelacak baru untuk properti yang ditentukan melalui parameter 'UA-XXXXX-Y'.

  4. Menambahkan perintah lain ke antrian perintah ga () untuk mengirim tampilan halaman ke Google Analytics untuk halaman saat ini.

Mile Mijatović
sumber
Mari kita lihat lebih dekat, karena menyebutnya sebagai "antrian perintah" berarti memberikannya terlalu banyak pujian. Kode uglified yang dipadatkan menerima beberapa argumen yang digunakannya untuk membongkar beberapa hal, dan memperoleh pegangan ke Array.pushfungsi terikat . The ga"fungsi" sepenuhnya yang mengikat push. Dengan demikian, pemanggilan langsung dapat dioptimalkan: alih-alih membangun larik kosong jika tidak ditemukan ( []), isi dengan larik "argumen" untuk setiap gapanggilan: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]
amcgregor
-3

Kode Anda harus selalu ditambahkan di dekat bagian atas tag dan sebelum skrip atau tag CSS lainnya, dan string 'UA-XXXXX-Y'harus diganti dengan properti ID(juga disebut "ID pelacakan") dari properti Google Analytics yang ingin Anda lacak.

Payal Daryani
sumber
2
Ini tidak menjawab pertanyaan itu. Pertanyaannya adalah menanyakan apa efek samping dari tidak melakukan apa yang Anda katakan.
Peter Hall