GagakTekno

Cara Memasang Unit Iklan Adsense Valid AMP


Memasang adsense pada AMP memang berbeda sekali dengan template yang biasa dipakai, saya sendiri cukup pusing dengan AMP karena belum terbiasa tapi saya tetap ingin membuat hal yang baru dan berubah ke AMP meski memang masih belum paham tapi kita bisa belajar dari Google untuk memperlajari AMP tentu saja kalian juga bisa belajar langsung dari situs resmi AMP sendiri.

Untuk memasang kode unit iklan Adsense di blog AMP kita memerlukan Data Ad Client dan Data Ad Unit. Sobat bisa lihat kedua kode tersebut saat pembuatan unit iklan pada dashboard akun adsense kalian, sekarang kita akan gabungkan kode tersebut dengan kode adsense AMP, untuk penjelasan lengkapnya bisa kalian lihat di Google AMP atau AMP Project.

Langsung saja ke topiknya agar lebih mempersingkat waktu maka langsung saja ke Tutorialnya dibawah.

Cara Memasang Iklan Adsense AMP


  1. Buka blog sobat > Klik Tema > Klik tombol Edit HTML > kemudian tambahkan kode dibawah ini diatas </head>
  2. <script async="async" custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
  3. Kemudian, copy kode berikut ke bagian halaman yang ingin sobat tampilkan
  4. <amp-ad
    data-ad-client="ca-pub-1234567891234567"
    data-ad-slot="1234567890"
    height="250"
    layout="responsive"
    type="adsense"
    width="300">
    </amp-ad>
  5. Jangan lupa untuk diganti yang saya tandai merah dengan data-ad-clinet sesuai nomor publisher sobat dan ganti nomor data-ad-slot sesuai nomor iklannya.
  6. Setelah selesai dirubah, sobat Simpan/Save dan lihat hasilnya
Untuk width (lebar) dan height (tinggi) sesuaikan dengan ukuran template.
Setelah beres lantas bagaimana untuk memasang iklan adsense dibagian sidebar dan lainnya? mungkin ini yang akan terpikirkan oleh kalian saat setelah berhasil karena untuk beberapa kode adsense akan terlihat sedikit berbeda untuk beberapa bagian. Nah maka dari itu saya akan menjelaskan nya dibawah untuk sobat yang belum paham penerapan dibagian beberapa halaman seperti sidebar atau iklan top banner.

3 Cara Memasang Iklan Adsense AMP


Iklan Widget (Sidebar & Header)


Masuklah ke bagian menu tata letak pada dashboard blog sobat dan buat widget baru "HTML/Javascript" dan masukkan kode berikut :
<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

Gunakan height="250" untuk widget sidebar
Gunakan height="100" untuk widget header

Iklan Atas dan Bawah Artikel

Sama seperti yang pertama, hanya saja untuk iklan yang satu ini untuk memasang nya diatur dalam edit HTML pada menu Template.

Letakan kode iklan diatas dan dibawah <data:post.body/>
<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
<data:post.body/>
<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

Iklan In-Article Manual

Untuk yang satu ini saya tidak merekomendasikan karena kenapa? kita harus meletakan iklan secara manual saat membuat postingan atau artikel yang akan digunakan, sebenarnya ada lagi cara untuk menerapkan iklan versi AMP ini ditengah artikel dengan menggunakan Auto-Ads.

<amp-ad
layout="fixed-height"
height="145"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-format="fluid"
data-ad-layout="in-article"
data-ad-slot="1234567890">
</amp-ad>

Ganti kode yang saya tandia merah dengan kode adsense sobat:
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">

Setelah selesai jangan lupa untuk simpan template dan lihat hasilnya dan iklan adsense akan valid AMP diblog sobat dengan begitu tidak akan ada kendala Error meski begitu jangan lupa untuk teliti saat melakukan editing pada bagian template dan juga jangan lupa untuk melakukan backup supa tidak terjadi hal yang tidak di inginkan.
Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
BERI KOMENTAR