Wednesday, May 2, 2018

Cara Memasang Kode Histats.com pada Blog AMP

Cara Memasang Kode Histats.com pada Blog AMP

Memasang kode Google Analytics pada sebuah website menjadi salah satu factor penting bagi sebuah website. Pasalnya, kode Analaytics yang ditanam pada sebuah halaman website, bisa menganalisa siapa dan bagaimana pengunjung anda dating.

Para pengiklan juga biasanya akan meminta laporan analytics pada website anda sebelum mereka memasang iklan pada website anda. Dengan begitu, mereka akan memutuskan apakah web anda layak untuk menjadi host sebuah iklan, atau tidak.

Selain Google Analytics, banyak layanan pihak ketiga lainnya yang punya kemampuan untuk menganalisa pengunjung website secara realtime. Contohnya piwik, facebook pixel, dan juga histats yang ternyata juga banyak digunakan para blogger.

Fitur histats diantaranya mengumpulkan data pengunjung seperti lokasi, halaman yang dikunjungi, referral, online users, dan lain-lain. Namun yang jadi keunikan dan kelebihan dari histats.com ini, anda bisa menambahkan widget pada website anda meliputi pageviews, online user, dan banyaknya visitor.

Jadi widget tersebut bisa dipasang dan diperlihatkan secara kepada pengunjung blog. Dan tentunya akan lebih menarik bagi pengiklan.

Sangat mudah untuk memasang widget ini pada web atau blog anda. Anda cukup mendaftarkan web anda, lalu membuat counter code sesuai keinginan anda. Lalu tinggal copy paste kode HTML dan javascript yang disediakan dari widget yang anda buat.

Lalu, bagaimana cara memasang pada blog valid AMP HTML yang tidak boleh menggunakan javascript pihak ketiga?


Cara memasang sedikit berbeda, dan harus menggunakan amp-pixel (built-in) untuk memasang kode dari histats agar blog tetap valid AMP.

Langkah pertama tentunya anda harus terdaftar di histats.com lalu daftarkan website anda. Kemudian, buatlah sebuah widget dengan mengklik counter code setelah mendaftarkan web anda.

Jika sudah berhasil, maka anda akan mendapatkan sebuah kode histats yang harus anda pasang pada website anda. Contohnya adalah seperti ini:

<!-- Histats.com  START (html only)-->
<a href="/" alt="page hit counter" target="_blank" >
<embed src="http://s10.histats.com/3004.swf"  flashvars="jver=1&acsid=4060030&domi=4"  quality="high"  width="112" height="48" name="3004.swf"  align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /></a>
<img  src="https://sstatic1.histats.com/0.gif?4060030&101" alt="free geoip" border="0">
<!-- Histats.com  END  -->

Yang perlu anda ambil pada kode diatas hanyalah kode pixel nya saja. Jika dilihat dari kode counter diatas, hanya "alamatnya" saja seperti berikut yang anda ambil:

https://sstatic1.histats.com/0.gif?4060030&101

Karena amp-pixel merupakan script built-in di javascript utama amp-01.js, jadi anda tidak perlu menambahkan JS tambahan.

Anda cukup menambahkan kode berikut ini pada blog anda:


<amp-pixel layout='nodisplay' src='https://sstatic1.histats.com/0.gif?4060030&101'></amp-pixel>


*Ganti dengan kode pixel histats diatas dengan alamat counter pixel web anda.

Setelah selesai, silahkan save dan coba refresh website anda. Perlu diperhatikan bahwa Histast butuh beberapa jam untuk memverifikasi website anda dan mengumpulkan data pengunjung website anda.

Selamat mencoba dan semoga berguna.
Disqus Comments