9/01/2018

Mau Pasang Unit Iklan Adsense di Blog AMP Ini Caranya

9/01/2018

Buat Agan yang baru aja ganti template non amp ke template amp dan masih bingung cara memasang unit iklan Adsense di template amp, postingan ini bisa memandu Agan untuk memasang unit iklan Adsense di template amp.

Dulu ketika baru pertama mengganti template non amp ke template amp saya pun merasa bingung tentang bagaimana cara memasang unit iklan Adsense di Blog amp, tetapi setelah membaca referensi kompiajaib dan dari google nya langsung akhirnya saya berhasil memasang unit iklan Adsense di Blog amp saya dan bisa Agan lihat sendiri hasilnya disini.

OKe tanpa banyak basa basi lagi langsung saja ke Bagaimana Cara memasang unit iklan adsense di Blog amp ini, tapi sebelum itu pastikan dulu di HTML blog Agan sudah ada kode seperti ini
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
jika belum ada kodenya pasang dulu kode tersebut di diatas kode </head> jika sudah ada bolehlah kita lanjut ke langkah selanjutnya.

Memasang Unit Iklan amp Adsense di Samping Header
Untuk unit iklan amp disamping header seperti Blog ini saya menggunakan kode iklan seperti dibawah ini:
<amp-ad
layout="fixed-height"
height=70
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">

</amp-ad>

Cara menerapkannya hanya tinggal menyalin kode tersebut diatas, simpan didalam header blog dan jangan lupa untuk mengganti data-ad-client="ca-pub-1234567891234567" data-ad-slot="1234567890"> dengan kode milik masing masing, bila perlu sesuaikan height=70 dengan tinggi header blog Agan.

Memasang Unit Iklan Adsense di bagian Atas Blog amp
Bagian atas disini maksud saya adalah Iklan antara judul dan menu Blog seperti yang bisa dilihat dibagian atas blog ini atau bisa disebut juga dengan iklan di bagian paruh atas (above the fold). Kode iklannya adalah sebagai berikut:
 <amp-ad
layout="fixed-height"
height=120
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

Kode iklannya memang sama, perbedaannya hanya ada pada height dan tempat menyimpannya saja

Memasang Unit Iklan Adsense dibagian Bawah Blog amp
Ini bisa disebut juga Iklan dibagian paruh bawah (Below the fold) artinya iklan ini akan muncul setelah halaman di scroll kebawah. Kode iklannya sama saja seperti untuk yangdisimpan dibagain atas hanya saja biasanya untuk iklan dibagian bawah tingginya atau heiht=250 lebih tinggi dari Iklan yang disimpan dibagian atas. Cara menerapkannya cukup dengan mengkopi kode iklan diatas dan simpan didalam banner bagian bawah.

Memasang Unit Iklan Adsense di Widget Blog amp
Untuk iklan Adsense yang ditampilkan disamping blog sebelah kanan, saya menempatkan kode iklan nya dalam sebuah widget. Kode iklannya adalah sebagai berikut:
 <amp-ad
layout="responsive"
width=300
height=250
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="9876543210">
</amp-ad>
Cara menerapkannya yaitu dengan membuat sebuah widget HTML/JavaScript baru kemudian copy dan paste kode diatas dalam widget tersebut dan jangan lupa untuk mengganti "ca-pub-1234567891234567" dan "9876543210" dengan milik masing masing.

Nah itulah beberapa cara untuk memasang kode unit iklan adsense di Blog amp, gampang sekali bukan? Semoga bermanfaat dan terimakasih sudah berkunjung ke Blog ini.