Dul Bjn Seorang Blogger dan Mahasiswa yang tak lulus-lulus kuliahnya yang kini tinggal di Bojonegoro. Ingin bermanfaat untuk orang lain dengan cara berbagi pengalaman lewat tulisan yang masih acak kadul.

Cara Mudah Memasang Kode Iklan Adsense di Blog Valid AMP HTML

1 min read

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

Dul Bjn Seorang Blogger dan Mahasiswa yang tak lulus-lulus kuliahnya yang kini tinggal di Bojonegoro. Ingin bermanfaat untuk orang lain dengan cara berbagi pengalaman lewat tulisan yang masih acak kadul.

Cara Membuat Sitemap di Halaman Static Blogger AMP HTML

BLOGS GOBLOG | Cara Membuat Daftar Isi Pada Halaman Static Blogger Valid AMP HTML – Sitemap ialah salah satu pada bagian blog yang berguna...
Dul Bjn
1 min read

Cara Menyisipkan Gambar Slide Valid AMP di Blogger

BLOGS GOBLOG | Bagi kalian pengguna AMP HTML Blogger tidak perlu khawatir dengan tampilan yang terlalu sederhana atau fitur yang kurang lengkap. dikarenakan bagi...
Dul Bjn
2 min read

Cara Memasang Google Maps di Blog AMP HTML

BLOGS GOBLOG| Cara Memasang Google Maps Di Blog AMP HTML – Seperti yang sudah diketahui sendiri bahwa blog yang menggunakan AMP HTML terdapat beberapa...
Dul Bjn
1 min read

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *