Cara Pasang Lazy Load Google Analytics di Blog
Cara Pasang Lazy Load Google Analytics Memasang lazy load Google Analytics di blog dapat membantu mempercepat loading blog dengan menunda pemuatan kode pelacakan Google Analytics sampai halaman tersebut sepenuhnya dimuat. Ini berarti bahwa kode tersebut tidak akan dimuat pada saat halaman pertama kali dimuat, tetapi hanya akan dimuat ketika halaman tersebut sepenuhnya dimuat.
Dengan demikian, memasang lazy load Google Analytics di blog dapat membantu mengurangi jumlah data yang perlu dimuat pada saat halaman pertama kali dimuat, sehingga dapat mempercepat proses loading. Selain itu, lazy loading juga dapat membantu mengurangi beban server dengan menunda pemuatan data yang tidak segera diperlukan.
Namun, perlu diingat bahwa memasang lazy load Google Analytics di blog tidak akan secara otomatis mempercepat loading blog Anda. Efeknya tergantung pada jumlah dan ukuran elemen yang dimuat secara lazim, serta performa server Anda. Jika Anda ingin mempercepat loading blog Anda, Anda juga harus mempertimbangkan faktor-faktor lain seperti optimasi gambar, minifikasi kode, dan kompresi data.
Apa itu Google Analytics?
Google Analytics adalah layanan analitik web yang disediakan oleh Google. Ini membantu Anda mengetahui bagaimana orang-orang menemukan dan menggunakan situs web Anda. Google Analytics mengumpulkan data tentang lalu lintas web, lama kunjungan, dan halaman yang paling populer di situs Anda. Kemudian, menyajikan data tersebut dalam laporan yang mudah dibaca dan membantu Anda mengerti bagaimana situs web Anda dapat ditingkatkan.
Google Analytics menyediakan banyak fitur yang berguna, seperti:
- Pelacakan lalu lintas asal: melacak sumber lalu lintas, seperti mesin pencari, iklan, atau tautan yang mengarah ke situs web Anda
- Pelacakan tujuan: melacak tujuan akhir yang dicapai oleh pengunjung situs web Anda, seperti pembelian atau pendaftaran
- Pelacakan kinerja halaman: mengukur waktu loading halaman dan tingkat bounce (pengunjung yang meninggalkan situs setelah mengunjungi hanya satu halaman)
- Pelacakan lokasi: melacak negara, wilayah, dan kota asal pengunjung situs web Anda
Google Analytics sangat populer karena mudah digunakan dan gratis. Ini juga dapat disesuaikan dengan mudah dengan menggunakan kode pelacakan yang disediakan oleh Google. Dengan menggunakan Google Analytics, Anda dapat meningkatkan performa situs web Anda dengan mengetahui bagaimana pengunjung menggunakannya dan apa yang dapat ditingkatkan.
Lazy Load Google Analytics
Lazy loading adalah teknik yang menunda pemuatan elemen tertentu di halaman web sampai diperlukan. Ini dapat meningkatkan performa halaman web dengan mengurangi jumlah data yang perlu dimuat sejak awal. Jika Anda ingin menerapkan lazy loading untuk Google Analytics di blog Anda, Anda dapat menggunakan langkah-langkah berikut:
- Masuk ke akun Google Analytics Anda dan buka bagian Admin.
- Di kolom Property, klik Tracking Info, lalu klik Tracking Code.
- Salin kode pelacakan yang disediakan oleh Google Analytics.
- Selanjutnya, Anda perlu menambahkan kode lazy loading ke blog Anda. Ini biasanya bisa dilakukan dengan menambahkan kode ke file template atau tema blog Anda.
- Untuk melakukan ini, Anda perlu mengakses kode sumber blog Anda dan mencari bagian di mana Anda ingin menambahkan kode pelacakan Google Analytics.
- Setelah Anda menemukan spot yang tepat, tempelkan kode pelacakan yang Anda salin tadi ke file template atau tema.
- Terakhir, bungkus kode pelacakan dengan kode lazy loading. Ini biasanya bisa dilakukan dengan menggunakan sintaks berikut:
window.addEventListener('load', function() {
// Tempelkan kode pelacakan Google Analytics Anda di sini
});
Ini akan memastikan bahwa kode pelacakan Google Analytics hanya dimuat ketika halaman tersebut sepenuhnya dimuat, bukan sejak awal.
Jika Anda ingin menerapkan lazy load google analytics di blog Anda, Anda dapat menggunakan langkah-langkah dibawah ini sampai akhir.
Baca juga : Cara Memasang Google Analytics di Blog
Cara Memasang Lazy Load Google Analytics di Blog
Berikut ini adalah Cara Memasang Lazy Load Google Analytics di Blog:
- Pertama Buka Dashboard Blogger
- Pada Halaman Dashboard Blogger Pilih Menu Tema Edit HTML
- Sekarang Cari Dan Hapus Kode Dari Google Analytics Sebelumnya
- Setelah Itu Salin dan Paste Kode Di Bawah Ini Tepat Diatas Tag Penutup </body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script>
var lazyanalisis=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyanalisis||0!=document.body.scrollTop&&!1===lazyanalisis)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyanalisis=!0)},!0)
</script>
<script>
window.dataLayer=window.dataLayer||[];
function gtag(){dataLayer.push(arguments)}
gtag("js",new Date());
gtag("config","UA-XXXXXXXXX-X")
</script>
5. Terakhir klik Simpan, dan lihat hasilnya
Pada Kode Diatas Jangan Lupa Ganti Bagian Yang Disorot Dengan ID Pelacakan Analytics Yang Saya Tandai Dengan Warna Biru Dengan Milik Anda
Baca juga : Cara Daftar Google News untuk Blogger
Script Lazy Load Google Analytics 4
Jika website atau blog Anda sudah upgrade dengan menggunakan ID Google Analytics 4, Anda bisa menggunakan script lazy load GA4 berikut:
<script type="text/javascript">//<![CDATA[
var LazyAnalytics=false;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&false===LazyAnalytics||0!=document.body.scrollTop&&false===LazyAnalytics)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),LazyAnalytics=true)},true);
//]]></script>
<script type="text/javascript">//<![CDATA[
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
//]]></script>
Cara Mengecek Kecepatan Blog Atau Website
Terdapat beberapa cara yang dapat Anda lakukan untuk mengecek kecepatan blog atau website:
- Menggunakan tool online: Anda dapat menggunakan tool seperti GTmetrix, PageSpeed Insights, atau Pingdom untuk mengecek kecepatan website Anda. Tool ini akan memberikan laporan yang menunjukkan berapa lama waktu yang dibutuhkan untuk memuat halaman website Anda, serta memberikan saran tentang bagaimana meningkatkan kecepatan website.
- Menggunakan browser: Banyak browser seperti Google Chrome dan Mozilla Firefox menyediakan fitur yang dapat menunjukkan berapa lama waktu yang dibutuhkan untuk memuat halaman website. Anda dapat menggunakan fitur ini dengan mengakses halaman website yang ingin Anda cek kecepatannya, lalu membuka menu Developer Tools (atau Inspector) dengan menekan tombol F12. Kemudian, pilih tab Network dan lihat waktu loading halaman di kolom Time.
- Menggunakan command line: Anda juga dapat mengecek kecepatan website dengan menggunakan perintah-perintah command line seperti "curl" atau "wget". Ini akan memberikan informasi tentang waktu yang dibutuhkan untuk memuat halaman website, serta ukuran data yang diunduh.
Semua metode di atas akan memberikan informasi yang berguna tentang kecepatan website Anda dan memberikan saran tentang bagaimana meningkatkannya. Namun, perlu diingat bahwa hasil yang diperoleh dapat berbeda tergantung pada faktor-faktor seperti lokasi server, kecepatan koneksi, dan konfigurasi website. Oleh karena itu, disarankan untuk menggunakan beberapa metode untuk mendapatkan gambaran yang lebih akurat tentang kecepatan website Anda.
Baca juga : Cara Membuat Google Bisnisku Gratis
Kesimpulan
Kesimpulannya, lazy loading adalah teknik yang dapat membantu meningkatkan performa halaman web dengan menunda pemuatan elemen tertentu sampai diperlukan. Untuk menerapkan lazy loading untuk Google Analytics di blog Anda, Anda dapat mengikuti langkah-langkah seperti menyalin kode pelacakan dari akun Google Analytics, menambahkan kode tersebut ke file template atau tema blog Anda, dan menggunakan kode lazy loading untuk mengelompokkan kode pelacakan tersebut.
Dengan demikian, kode pelacakan Google Analytics hanya akan dimuat ketika halaman tersebut sepenuhnya dimuat, bukan sejak awal, yang dapat meningkatkan performa halaman web.
Demikian posting kali tentang Cara Pasang Lazy Load Google Analytics di Blog. Semoga artikel ini bermanfaat dan dapat membantu Anda. Yuk share artikel ini untuk membantu teman-teman yang lain. Terima kasih!
samuelpasaribu.com
samuelpasaribu.com working in the Search Engine Optimization field since 2019. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on samuelpasaribu.com. You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.
