Memasang Kode Google Analytics di AMP HTML

Daftar isi [Tampil]

Google Analytics adalah layanan milik google yang dimana untuk mengukur statistik pengunjung yang datang pada blog kalian. Perhitungan pengunjung ini bisa kalian lihat secara detail dari mama saja, bisa dari media sosial, iklan, redirect, dan mesin pencari, alasan menggunakan Google Analytics ini karena sangat lengkap perhitungan nya daripada yang lain nya. 

Untuk memasang Google Analytics ini anda harus mendapatkan kode ID yang dimana dari ID tersebut Google Analytics bisa terhubung dengan blog kalian.


Cara Memasang Google Analytics di Blogger

Untuk Blogger sendiri sekarang sudah disiapkan menu untuk memasang ID Google Analytics ini sendiri caranya seperti berikut ini :

  1. Buka Blogger klik Setelan
  2. Klik Lainnya
  3. Setelah itu Scroll ke bawah maka akan menemukan Google Analytics ini
  4. Setelah itu masukkan kode ID Properti Web klik Simpan




Setelah itu pada template Anda masukkan kode dibawah ini sebelum tag </body>, apabila kode sudah ada maka tidak perlu ditambahkan lagi atau lewati aja. 

<b:include data='blog' name='google-analytics'/>

Kode tersebut berfungsi untuk memanggil ID Properti Web yang sudah kalian save pada Blogger tadi

Akan tetapi kode diatas tidak bisa digunakan dalam templatw AMP Blogger karena berisi javascript yang dimana akan membuat template tersebut tidak valid AMP, untuk memasang kode Google Analytics bisa ikuti dibawah ini.

Cara memasang AMP Analytics

Pertama gunakan skrip amp-analytics pada tag <head> di template Anda.

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

Selanjutnya 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>

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.

Sudar