Cara Modifikasi Kode Pelacakan Google Analytics

Beberapa hari terakhir ini saya sedang mempelajari bagaimana cara modifikasi analytics.js khususnya terhadap dua (2) baris kode terakhir dari cuplikan pelacak google analytics (create dan send). Tujuan saya adalah menambahkan kode untuk melacak interaksi berdasarkan pelacakan event.

Pelacakan Event ini akan memberikan informasi tentang bagaimana interaksi pengunjung dengan blog anda. Contohnya saya memberikan video cara mendapatkan kata kunci dengan situs reddit. Pelacakan standar hanya menampilkan statistik pageview. Ketika seseorang menonton video tersebut statistik ini tidak terekam dalam data statistik di laporan google analytics saya.

Jadi ada gap yang masih belum terisi jika hanya menggunakan pelacakan standar google analytics.

Eh dari tadi ngomongin google analytics. Apaan sih Google Analytics itu?


Google Analytics adalah tool gratis untuk blogger yang diberikan oleh google. Gunanya agar pemilik blog dapat mengetahui statistik saat pengunjung sedang bertamu di blog yang sedang dikelola. Salah satu kegunaan tools ini adalah untuk meningkatkan trafik blog anda.
Tool alternatif Google Analytics cukup banyak salah satunya adalah hitstats. Tetapi saya lebih suka menggunakan google analytics karena alasan pribadi.

Cara daftar Google Analytics
Untuk dapat menggunakan google analytics yang paling pasti dan kudu dilakukan adalah mempunyai akun gmail. Dengan akun gmail tersebut anda bisa menggunakan hampir seluruh produk google. Ibaratnya layanan satu pintu untuk semua layanan yang anda butuhkan.

  1. Setelah anda mendaftar di gmail maka langkah selanjutnya adalah menuju alamat analytics google
  2. Membuat properti di akun analytics yang baru anda buat
  3. Pasang kode pelacakan yang diberikan sebelum elemen penutup tag </head>

Kode pelacakan yang akan anda dapatkan seperti berikut ini
<!-- 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 -->

UA-XXXXX-Y adalah tracking id dari google analytics. Anda dapat menemukannya di bagian property. sepengetahuan saya property id dan tracking id adalah sama.

Selain kode standar diatas anda dapat menggunakan kode dibawah ini
<!-- 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 -->

Kode analytics.js diatas sebaiknya digunakan jika pada statistik yang telah anda kumpulkan terdeteksi bahwa pengunjung anda menggunakan browser modern.

Setelah anda menempelkan kode analytics.js yang diberikan oleh google sangat disarankan untuk melakukan test trafic untuk memastikan anda telah menginstal kode analitik dengan benar.

cara kerja analytics.js
contoh tracking id google analytics yang saya dapatkan

Jika dibutuhkan kode analytics.js yang telah anda dapatkan bisa anda parse dulu. Parsing (parse) adalah proses analisa simbol yang terdapat di komputer (maupun sebenarnya bisa digunakan untuk bahasa sehari-hari).

Dengan menempelkan kode analytics.js diatas maka anda akan menerima statistik dari blog yang anda kelola.

apa yang akan anda temukan saat menggunakan kode pelacak analytics.js standar?

  1. Durasi kunjungan tamu ke blog
  2. Durasi pengunjung pada setiap laman dan urutan laman saat dikunjungi
  3. internal link yang mana saja di klik oleh pengunjung (berdasarkan url dari pageview berikutnya)
  4. lokasi geografis pengunjung
  5. jenis browser dan Operating System yang digunakan
  6. ukuran layar dan penggunaan Flash atau Java
  7. Situs perujuk

(be right back, sholat dulu)

Advertisements

Tinggalkan Balasan