Cara Memasang Lazy Load Google Analytics di Blogger
Daftar Isi
Cara Memasang Lazy Load Google Analytics di Blogger - Google Analytics adalah salah satu dari sekian banyak alat untuk melakukan analisa pengguna dan performa website kita. Google Analytics bekerja di belakang layar sehingga tanpa disadari sering memberatkan loading pengguna, apalagi pengguna yang masih menggunakan koneksi 3G. Ini terbukti dari laporan Google Pagespeed Insights dan GTMetrix yang seringkali mempermasalahkan cached dari script bawaan Google Analytics. Perhatikan dua gambar berikut ini.
Jelas kan bahwa script bawaan dari Google Analytics sering dianggap bermasalah padahal tidak terlalu bermasalah.
Nah, untuk mengatasi masalah tersebut, kita bisa menggunakan teknik lazy-loading Google Analytics. Gimana caranya? Berikut panduannya.
Bahan yang diperlukan
- Koneksi Internet
- Akun Blogger
- Blog
Alat yang diperlukan
- Komputer/ Laptop
- Notepad
Estimasi Waktu: 5 menit.
Panduan Pengerjaan
Langkah 1 - Masuk Edit HTML
Langkah pertama yang harus kamu lakukan adalah login ke akun Bloggermu. Setelah itu, di halaman muka Blogger, masuk ke menu template lalu buka tab Edit HTML. Untuk lebih jelasnya, ikuti saja contoh gambar di atas.
Langkah 2 - Cari dan Hapus Kode Analytics Bawaan Blogger
Langkah selanjutnya, silahkan kamu cari kode script Google Analytics bawaan Blogger. Biasanya terletak diantara <head> dan </head> namun tak menutup kemungkinan ada di antara <body> dan </body>. Kode bawaan dari Blogger biasanya berbentuk seperti ini: <b:include data='blog' name='google-analytics'/>. Silahkan kamu gunakan fitur CTRL+F untuk mempermudah. Jika sudah ketemu, silahkan kamu hapus kode tersebut.
Langkah 3 - Masukkan Script Lazy Load Google Analytics
Jika sudah, kamu paste kode script Lazy Load Google analytics berikut ke dalam template kamu. Jangan lupa untuk mengubah kode unik analytics yang ditandai dengan kode analytics milikmu. Dan setelah itu, tekan tombol Save atau Simpan.
<script>
//<![CDATA[
var lazyanalytics=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyanalytics||0!=document.body.scrollTop&&!1===lazyanalytics)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=UA-180845374-1";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyanalytics=!0)},!0);
//]]>
</script>Penutup
Selesai. Dengan begini kamu sudah mengaktifkan atau menggunakan fitur Lazy Load Google Analytics di template Blogger-mu. Bagaimana dampaknya? Silahkan perhatikan gambar berikut ini:
Dari gambar tersebut kita bisa tahu bahwa sekarang script dari Google Analytics tidak lagi menjadi masalah. Kenapa begitu? Apakah script Google Analytics kita masih bekerja dan bisa detect kunjungan secara benar?
Tenang, script nya masih berjalan seperti biasa kok. Nggak percaya, nih contoh deteksi dari Google Analytics dari blog baruku.
*Hiraukan jumlah kunjungan yang masih sepi.
Jadi gitu aja kali, ya tutorial memasang Lazy Load Google Analytics di Blogger yang bisa saya sampaikan. Kalau misalkan ada yang kurang jelas atau ingin ditanyakan, silahkan tanyakan melalui kolom komentar di bawah. Semoga bermanfaat dan semangat blogging. Sampai jumpa di artikel lainnya.
Posting Komentar
Harap berikan komentar yang relevan dengan topik tulisan.
Jangan menyertakan link yang tidak berhubungan dengan konten tulisan. Apabila komentar mengandung link (apalagi yang tidak relevan), maka komentar akan dihapus.
Budayakan sopan santun, hindari penggunaan bahasa yang provokatif, SARA, pornografi.
Kritik dan saran yang membangun untuk konten ataupun untuk blog sangat berarti bagi Ninura.