Cara Memasang Unit Iklan Adsense di Blog AMP HTML

Cara Memasang Unit Iklan Adsense di Blog AMP HTML

Cara Memasang Unit Iklan Adsense di Blog AMP HTML

Kini Google sudah memberi penjelasan tentang penempatan unit iklan Adsense untuk blog AMP HTML. Dan unit iklan dapat tampil bagus di semua ukuran device.

Jika Anda masih bingung dalam menempatkan unit iklan Adsense di blog AMP, silahkan baca artikel ini sampai selesai.
Cara Memasang Unit Iklan Adsense di Blog AMP HTML

Biasanya kode sebuah unit iklan Adsense akan terlihat seperti di bawah 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-1234567891234XXX"
   data-ad-slot="1234567XXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Kode yang di-marking di atas adalah kode yang diperlukan untuk unit amp-ad.

Untuk Tampak Atas Layar (Above The Fold)

Tampak layar atas (above the fold) adalah tampilan layar begitu blog terbuka (tampilan yang pertama terlihat sebelum layar digulir ke bawah). Untuk unit iklan pada tampak layar atas ini (contohnya iklan di bawah header), sangat direkomendasikan untuk menggunakan unit iklan dengan fixed-height 100px (lebar iklan akan mengikuti lebar tempatnya, sementara tingginya akan tetap 100px). Dengan demikian, 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-1234567891234XXX"
data-ad-slot="1234567XXX">
</amp-ad>

Gunakan data-ad-client dan data-ad-slot 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. Contohnya 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-1234567891234XXX"
data-ad-slot="1234567XXX">
</amp-ad>

Gunakan data-ad-client dan data-ad-slot unit iklan Adsense Anda.

Pastikan blog AMP Anda sudah memasang js amp-ad di bawah ini di atas kode </head>

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

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Blogger
Disqus
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Berkomentarlah dengan baik, Kepribadian anda tercemin saat berkomentar.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like CIDOSHARE? Keep us running by whitelisting CIDOSHARE in your ad blocker.

This is how to whitelisting CIDOSHARE in your ad blocker.

Thank you!

×
×
×