• Home
  • Blogger
    • Template
    • Tutorial
  • AMP
  • Template
Home AMP Blog Tutorial Cara Membuat Unik Iklan Google Adsense Valid AMP

2017/11/06

Muh Akram
2017/11/06

Cara Membuat Unik Iklan Google Adsense Valid AMP

Script kode unit iklan AMP/amp-ad  berbeda dengan unit iklan Adsense seperti biasanya. HTML pada template non-AMP tidak semua bisa berjalan di blog AMP di karenakan memiliki pembatasan yang bertujuan untuk membuat performa dan kinerja blog/web lebih baik. dengan begitu unit Iklan AMP membutuhkan Tag kode yang berbeda dengan unit Iklan seperti biasanya/standar.

Untuk membuat unit iklan Google Adsense valid AMP, dibawah ini adalah contoh kode unit iklan adsense standar/non-amp, yang dimana saya sudah menandai ID yang dibutuhkan untuk membuat unit iklan amp
<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>
Membuat kode iklan AMP memilih dua tipe kode iklan yaitu :
 - Iklan bagian atas (Above The Fold)
Unit iklan ini ditampilan atas blog anda (Contoh: Iklan yang tampil di bawah header atau sidebar atas). unik iklan ini sangat direkomendasikan dengan fixed-height 100px dan lebarnya akan menjadi responsive jadi dapat menyesuaikan ukuran tempatnya di terapkan.

Gunakan kode amp-ad dibawah ini dan ganti data-ad-client dan data-ad-slot unit iklan Adsense Anda.
<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
- Iklan bagian bawah (Below The Fold)
Unik iklan yang ditampilkan dibagian bawah blog/web contohnya bawah postingan . unik iklan ini mengunakan ukuran 300x250

Gunakan kode amp-ad dibawah ini dan ganti data-ad-client dan data-ad-slot unit iklan Adsense Anda.
<amp-ad
layout="responsive"
width=300
height=250
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

Pastikan di blog/web Anda sudah memasang js amp-ad di bawah ini di atas kode </head>, kalau belum ada silahkan masukan kodeh dibawah ini di atas  kode </head>
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
Tags: #AMP#Blog#Tutorial
Muh Akram
Assalamu'alaikum, perkenalkan nama saya Muhammad Akram bisa dipanggil Akram, asal dari Pinrang Sulawesi Selatan. Saya mulai mengenal blog pada tahun 2011. dan saya senang berbagi

Artikel Terkait

Related Posts
Comment Policy: Silahkan berkomentar yang sesuai dengan topik postingan pada halaman ini. Komentar yang berisi link aktiv tidak akan ditampilkan. Terimakasih.

Show Disqus Comment Hide Disqus Comment

Disqus Comments

Label

  • AMP
  • Android
  • Blog
  • Pendidikan
  • Referensi
  • Template
  • Tutorial

Postingan Populer

  • Ads Simple Responsive Blogger Template Free
  • SEO Simple Responsive Blogger Template Free
  • X-Grid Responsive Blogger Template Free
  • Cara Memasang Iklan Adsense di dalam Postingan Blog
  • M-Flex Premium Responsive Blogger Template
  • About Me
  • Contact
  • Privacy Policy
  • Sitemap
  • Jasa Riview
Copyright © 2015 Muh Akram - All Rights Reserved - DMCA - Partner By.Blog Zdienos
Press Enter To Search