Cara Memasang dan Menggunakan Google Analytics di AMP Blogger
Ditulis pada: April 15, 2021
Ensiklopedi Otomotif - Sedang mencari cara Memasang dan Menggunakan Google Analytics di AMP Blogger? Kali ini kami akan bahas untuk anda, para pecinta template AMP HTML. Google Analytics merupakan sebuah layanan gratis dari Google yang berfungsi untuk menampilkan statistik pengunjung dari suatu situs web. Anda akan dapat melihat histori penelusuran pengunjung berdasarkan informasi mesin pencari, halaman, iklan, jaringan pay-per-click, email marketing.
Memasang dan Menggunakan Google Analytics AMP Blogger?
Kita haya perlu menuju menu setelah Blogger sudah disediakan opsi untuk meletakkan kode analytics dan memanggilnya, untuk mencarinya silahkan ikuti cara dibawah ini:
- Pada bagian Blogger klik Setelan.
- Silahkan klik Lainnya.
- Lalu scroll kebagian bawah sampai Anda menemukan Google Analytics.
- Kemudian masukkan kode ID Properti Web Analytics dan klik Simpan setelan.
Kemudian pada tema/template Anda masukkan kode dibawah ini sebelum tag </body>, jika kode sudah ada maka tidak perlu ditambahkan lagi.
<b:include data='blog' name='google-analytics'/>Kode tersebut adalah tag untuk membuat script analytics dari ID analytics yang sudah di cantumkan pada setelan.
Sayangnya kode diatas tidak bisa digunakan dalam tema AMP Blogger karena berisi javascript yang berakibat blog Anda tidak valid AMP. Jika demikian maka gunakan cara dibawah ini agar tema Anda tetap valid AMP:
Cara memasang AMP Analytics
Langkah pertama sebelum menggunakan script google analytic, anda harus menempatkan skrip amp-analytics pada tag <head> di tubuh template Anda.
<script async='async' custom-element='amp-analytics' src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'/>Dan juga kita butuh kode berikut, letakkan kode dibawah ini pada elemen body template Anda tepatnya sebelum tag </body>
<b:if cond='!data:view.isPreview'>
<amp-analytics id='analytics1' type='googleanalytics'>
<script type='application/json'>
{
"vars": { "account": "<data:blog.analyticsAccountNumber/>" },
"triggers": {
"trackPageview": { "on": "visible", "request": "pageview" }
}
}
</script>
</amp-analytics>
</b:if>Keterangan : tag <data:blog.analyticsAccountNumber/> berfungsi untuk memanggil ID analytics yang sudah di simpan pada setelan jadi Anda bisa mengubah atau menabahkan ID Analytics tanpa perlu edit HTML template.
