Cara Memasang Google Analytics pada Blog AMP

Tutorial Blogger kali ini tentang cara mudah membuat atau memasang widget Google Analytics pada blog yang telah menggunakan template AMP HTML. Sebagai pengguna template AMP, khususnya untuk platform Blogger, maka jika ingin menyisipkan atau memasang widget ke blog caranya akan berbeda dengan penggunaan HTML yang biasanya.
Cara Memasang Google Analytics pada Blog AMP

Untuk pemasangan widget pada template AMP  (Accelerated Mobile Pages) ada aturan mainnya tersendiri. Jadi, setidaknya harus dipelajari dan diketahui terlebih dahulu terkait penggunaan dan cara meletakkan widget/fitur pada template AMP. Karena caranya memang sangat jauh berbeda dengan apa yang biasanya kita lakukan pada format HTML yang biasa.

Contoh sederhana jika hendak menautkan widget Google Analytics pada template blog. Agar widget tersebut dapat berfungsi dengan baik di blog AMP HTML, maka cara pemasangannya dapat dilakukan seperti pada tutorial berikut.

Cara pasang widget Google Analytics pada blog pengguna template AMP HTML

Langkah awal yang harus dilakukan ialah mengaktifkan custom element AMP Google Analytics dengan menambahkan kode berikut ini di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

<script async="async" custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Jika kode tersebut sudah ditambahkan sebelumnya atau sudah terpasang pada template blog, maka tidak perlu ditambahkan lagi. Cukup satu saja!

Langkah selanjutnya, ubah format script Google Analytics yang biasa Anda pakai sebelumnya. Yang tadinya seperti ini:

<script type='text/javascript'>
        (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-66666190-2', 'auto', 'blogger');
        ga('blogger.send', 'pageview');
      </script>

Dirubah menjadi seperti ini, lalu letakkan di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

  <amp-analytics id='analytics1' type='googleanalytics'>
<script type='application/json'>
{
  "vars": {
    "account": " UA-66666190-2"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>

Silahkan ganti kode UA-66666190-2 dengan kode Google Analytics untuk blog Anda.

Setelah itu Simpan Theme.

Demikian tutorial tentang cara menambahkan widget Google Analytics pada blog yang menggunakan template AMP HTML. Semoga membantu, selamat mencoba dan terima kasih!
Niagahoster
VPS Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
DigitalOcean
VPS Starts from
$5
/Month

DigitalOcean

Read Review
  • Deploy custom image, RDP, 1-Click App, or standard distribution
  • Flexibility and scalability
  • Fantastic average uptime of 99.99%
  • Infinite OS combinations (Linux and Windows)
  • Developer-friendly tools and APIs
Visit Site
Topup $25 to gets $100 in credit over 60 days with refer link above
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
VPS mulai dari
Rp68
/Jam

IDCloudHost

View Details
  • One-Click Deploy
  • Lokasi server Indonesia termurah
  • Instal berbagai Control Panel, VM, OS dan aplikasi
  • Menghubungkan dengan API
Visit Site
Dapatkan free credit Rp50K dengan minimal topup Rp50K

Komentar telah ditutup dan disembunyikan. Jika ada yang perlu disampaikan silahkan kirim pesan lewat laman kontak.