5/5 (7)

Dengan adanya teknologi Accelerated Mobile Pages (AMP) yang dikembangkan oleh google membuat banyak pengembang plugins wordpress berlomba – lomba membuat plugins AMP untuk wordpress salah satunya AMPforWP. Namun sayangnya hingga saat ini untuk Auto Ads Google Adsense belum support sticky ads untuk AMP, tapi jangan khawatir kali ini saya akan sharing bagaimana membuat iklan Sticky Ads pada AMP wordpress yang menggunakan Plugins AMPforWP secara gratis.

Kenapa saya bilang secara gratis ? , Karena pihak pengembang AMPforWP sendiri telah mengembangkan AMP Extensions mereka untuk memasang iklan tambahan seperti sticky ads pada plugins AMPforWP dengan harga $35 sekarang diskon menjadi $29.99, anda dapat melihatnya disini. Untuk itu saya akan sharing bagaimana caranya agar dapat membuat Sticky ads pada plugins mereka secara gratis dan legal (saya telah mengkonfirmasi kenapa legal karna AMP merupakan opensource dan pihak AMPforWP sendiri telah mengkonfirmasi kita dapat mengembangkan sendiri plugins mereka).

Baca juga  Cara Withdraw Google Adsense Ke Dana

1. Sticky Ads AMP untuk Google Adsense

Berikut cara untuk memasang sticky Ads Google Adsense

  • pertama – tama anda harus siapkan unit iklan gambar/teks dengan ukuran 320 x 50 atau 320 x 10.
  • Buka settingan Plugins AMPforWP kemudian pilih menu setting >> Advance Settings
  • Pada Enter HTML in Head masukan kode dibawah ini
<script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script>
  • Lalu untuk bagian Enter HTML in Body (beginning of body tag) masukan kode dibawah ini
<amp-sticky-ad layout="nodisplay"><amp-ad data-ad-client="ca-pub-XXXXXXXXXXXX" data-ad-slot="XXXXXXXX" height="50" type="adsense" width="320"></amp-ad></amp-sticky-ad>
  • Isi ca-pub-xxxxxx dan data-ad-slot=”XXXXXXXX” isi sesuai dengan unit iklan yang anda buat tadi sedangkan ukuranya sesuaikan dengan unit iklan anda.
  • Jika selesai anda dapat mengecek website anda pada tampilan AMP dan lihat pada bagian bawah akan ada sticky ads milik anda seperti gambar dibawah ini

2. Sticky Ads AMP untuk Iklan HTML/Banner

Untuk memasang iklan sticky ads dengan menggunakan banner hampir sama seperti tutorial diatas namun bedanya pada bagian Enter HTML in Body (beginning of body tag) anda harus masukan kode seperti dibawah ini .

<amp-sticky-ad layout="nodisplay">
<a target="_blank"
  href="https://ampbyexample.com/amp_ads/banner_ad/">
  <amp-img src="https://ampbyexample.com/img/amp-300x250.jpg"
    width="300"
    height="250"
    alt="a4a image"></amp-img>
</a>
</amp-ad></amp-sticky-ad>

Pada bagian “https://ampbyexample.com/amp_ads/banner_ad/” ganti dengan target url iklan anda sedangkan pada bagian https://ampbyexample.com/img/amp-300×250.jpg anda dapat menggantinya dengan banner iklan anda, untuk bagian ukuran anda dapat menyesuaikan pada bagian width dan height serta untuk alt anda dapat memasukan alt image anda dan jika anda ingin membuat iklan terbuka di tab yang sama anda dapat menghapus kode target=”_blank”.

Baca juga  Cara Menampilkan Menu Pada Website AMP Wordpress

Demikianlah tutorial dari saya bagaimana memasang Sticky Ads untuk Pada AMPforWP Secara Gratis.

Mohon beri rating

2 KOMENTAR

  1. I will immediately seize your rss as I can’t find your email subscription link or newsletter service.
    Do you’ve any? Please let me know so that I may subscribe.
    Thanks. Your method of telling the whole thing in this
    paragraph is actually good, all can simply know it, Thanks a lot.
    I want to to thank you for this wonderful read!! I absolutely loved every bit
    of it. I have got you bookmarked to look at new things you
    http://foxnews.net/

LEAVE A REPLY

Please enter your comment!
Please enter your name here

11 + five =