Ditulis oleh: Ditulis pada: 9/27/2017
Melengkapi tutorial sebelumnya tentang cara membuat unit iklan Adsense pada blog AMP HTML, kini saya menambahkan cara membuat unit iklan LINK Adsense pada AMP HTML.Sebenarnya caranya sama dengan tutorial sebelumnya untuk menampilkan iklan Adsense pada blog AMP yaitu silahkan pastikan bahwa Anda sudah memasang js amp-ad di atas kode
</head>
, kode js amp-ad seperti berikut ini.
<script async="async" custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
Yang perlu diperhatikan adalah memastikan bahwa unit iklan yang Anda buat adalah unit iklan link, sebaiknya pilih unit iklan link responsive dan pilih ad type text ads only.
Kemudian gunakan kode berikut untuk menampilkan iklannya.
Untuk Tampak Atas Layar (Above The Fold)
Tampak layar atas atau above the fold adalah tampilan layar begitu blog terbuka (tampilan yang pertama terlihat sebelum layar digulung ke bawah). Untuk unit iklan pada tampak layar atas ini (misalnya iklan di bawah header), sangat direkomendasikan untuk menggunakan unit iklan dengan layout fixed-height 100px (lebar iklan akan mengikuti lebar tempatnya berada, sementara tingginya akan tetap 100px). Dengan begitu, iklan yang tampil adalah iklan dengan tinggi di rentang 100px.Silahkan gunakan kode amp-ad seperti di bawah ini
<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
Silahkan sesuaikan
data-ad-client
dan data-ad-slot
dengan unit iklan link Adsense Anda.Untuk Iklan Di Tampak Layar Setelah Di-scroll (Below The Fold)
Below the fold adalah bagian layar yang tampil setelah halaman di-scroll. Biasanya iklan ini di simpan di bawah postingan atau di atas dan di bawah komentar. Atau bisa disimpan di sidebar.Untuk iklan ini dianjurkan untuk menggunakan unit iklan dengan tinggi 250px. Di sini saya menggunakan layout="fixed-height" sehingga iklan yang muncul adalah iklan yang memiliki tinggi di rentang 250px.
Silahkan gunakan kode amp-ad seperti di bawah ini
<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
Silahkan sesuaikan
data-ad-client
dan data-ad-slot
dengan unit iklan link Adsense Anda.