Cara Pasang Google Analytics Agar Valid AMP - informasiajib

Cara Pasang Google Analytics Agar Valid AMP

Halo ! Pada kesempatan kali ini saya akan berbagi informasi dan tips bagaimana cara memasang Google Analytics pada blog-blog yang menggunakan template jenis AMP agar terdeteksi Valid ketika dimasukan pada alat validator AMP Google. Google Analytics merupakan salah satu fitur yang diberikan oleh google yang salah satunya memiliki kegunaan untuk melihat data-data pengunjung blog secara real time.

Cara Pasang Google Analytics Agar Valid AMP

Memasang Google Analytics pada Blog AMP tentu berbeda dengan cara pemasangan pada Blog-blog Non AMP alias yang bukan AMP. Seperti yang kita ketahui bahwa jika kita sudah memantapkan niat untuk beralih ke template AMP maka kita juga harus siap untuk melakukan editan pada setiap sisi dan bagian blog dan salah satunya untuk pemasangan Google Analytics.

Cara Memasang Google Analytics agar terdeteksi valid AMP oleh Validator gogle sebenarnya cukup mudah dan kita hanya perlu melakukan sedikit editan pada kode script didalam tema Blog agar Google Analytics bisa berfungsi sebagaimana mestinya dan tidak error karena jika kita memasang kode google analytics secara langsung tanpa melakukan pengeditan maka akan terdeteksi error dan tidak Valid AMP.

Cara Membuat dan Memasang Google Analytics Valid AMP

  • Pertama, kalian pastekan kode script dibawah 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>
  • Ubah format kode Google Analytics yang tampilan awalnya seperti dibawah 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>
  • Ubah menjadi seperti dibawah ini, dan pastekan 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>
  •  Tulisan UA-66666190-2 kalian ganti dengan ID Pelacakan Google Analytics kalian.
  • Simpan tema dan lihat hasilnya.
Show Comments

0 Response to "Cara Pasang Google Analytics Agar Valid AMP"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel