Home
AMP

Memasang dan Menggunakan Google Analytics di AMP Blogger

Gujarati Help Guru 1 comment

Memasang Google Analytics di AMP Blogger

Google Analytics adalah sebuah layanan gratis dari Google yang berfungsi untuk menampilkan statistik pengunjung dari suatu situs web. Seperti menelusuri pengunjung berdasarkan informasi halaman, mesin pencari, iklan, jaringan pay-per-click, email marketing.

Bagaimana cara memasang Google Analytics pada Blogger?

Pada menu setelah Blogger sudah disediakan opsi untuk meletakkan kode analytics dan memanggilnya, untuk mencarinya silahkan ikuti cara dibawah ini:

  1. Pada Blogger klik Setelan.
  2. Klik Lainnya.
  3. Scroll kebagian bawah sampai Anda menemukan Google Analytics.
  4. Masukkan kode ID Properti Web Analytics dan klik Simpan setelan.

Kemudian pada tema/template Anda mmasukkan kode dibawah ini sebelum tag </body>, jika kode sudah ada maka tidak perlu ditambahkan lagi.

Anda mungkin menyukai postingan ini



<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

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.

1 comment