Cara Mudah Memasang Kode Iklan Adsense di Blog Valid AMP HTML

DulBjn

No comments

Cara Mudah Memasang Kode Iklan Adsense di Blog Valid AMP HTML-Seperti kode lainnya, pemasangan iklan pada template berbasiskan AMP (Accelerated Mobile Pages) tidak seperti biasanya. Bahkan untuk memasang iklan adsense milik Google pun berbeda. Kita tidak bisa mengambil kode Adsense dan meletakkannya di template AMP. Jika itu dilakukan, maka sudah pasti akan eror.

Lalu bagaimana cara memasang iklan adsense pada template AMP? Maka pada kesempatan ini, saya akan menjelaskan tentang cara memasang iklan adsense pada template berbasiskan AMP. Pertama-tama hal yang musti anda perhatikan adalah memastikan terlebih dahulu bahwa anda mempunyai akun adsense…hehe
Cara Memasang Kode Iklan Adsense di Blog AMP. Yang pertama harus kita ketahui adalah penempatan kode iklan di blog HTML selain AMP cukup berbeda jika di banding dengan penempatan kode iklan pada blog yang sudah suppport AMP.
silahkan simak baik baik postingan Cara Mudah Memasang Kode Iklan Adsense di Blog Valid AMP HTML dibawah ini.

 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
   style="display:inline-block;width:120px;height:600px"
   data-ad-client="ca-pub-1234567891234567"
   data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Keterangan:
Kode yang saya tandai berwarna kuning adalah kode yang diperlukan untuk unit iklan adsense anda amp-ad.
Pertama yang harus anda lakukan ada memasang js amp-ad di bawah ini,

<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>

dan letakkan kodenya tepat di tag head. Walau biasanya kode ini sudah terpasang oleh pembuat template, namun apa salahnya jika dicek terlebih dahulu. untuk pemasangan widget adsense nya silhakan kode di bawah ini.

Untuk Tampak Atas Layar (Above The Fold)

Tampak layar atas atau yang biasa disebut above the fold adalah tampilan layar begitu blog terbuka (tampilan yang pertama terlihat sebelum layar discroll ke bawah). Untuk unit iklan pada tampak layar atas ini (misalnya iklan di bawah header), sangat direkomendasikan untuk menggunakan unit iklan dengan 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.

Anda bisa menggunakan kode amp-ad 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 anda ganti data-ad-client dan data-ad-slot dengan kode unit iklan 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.
Untuk iklan ini dianjurkan untuk menggunakan unit iklan dengan tinggi 250px. Di sini kode menggunakan layout=”fixed-height” dan iklan yang muncul nanti adalah iklan yang memiliki tinggi 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 ganti data-ad-client dan data-ad-slot dengan kode unit iklan Adsense anda sendiri.

itulah artikel tentang Cara Mudah Memasang Kode Iklan Adsense di Blog Valid AMP HTML

Tags:

Related Posts

Tinggalkan komentar