Menambahkan Adsense di Halaman AMP (WordPress)

Last Updated on 2 years by Mas Herdi

Halo semuanya, akhir-akhir ini ada satu eksperimen Adsense yang sudah lama ingin saya lakukan namun belum kesampaian. Akhirnya waktu liburan tahun baru kemarin saya pun menyempatkan diri untuk ngoprek website ini lagi dan ngelakuin perubahan itu. Dan untuk perubahannya adalah… implementasi Adsense di halaman AMP.

Menambahkan Adsense di Halaman AMP WordPress

Cara menambahkan kode Adsense di halaman AMP sedikit berbeda, karena kode Adsense yang kita dapat dari dashboard Adsense tidak bisa ditambahkan langsung ke halaman AMP, namun harus melalui beberapa modifikasi terlebih dahulu.

Untungnya apabila kalian menggunakan WordPress ada dua plugin yang bisa sangat membantu untuk implementasi Adsense di halaman AMP, yaitu:

  • AMP plugin for WordPress plugin ini berguna untuk mengaktifkan support AMP di website WordPress kalian. Untuk cara menambahkan AMP di website kalian klik di sini.
  • Adsense Ads Inserter plugin ini sangat berguna untuk mengubah kode Adsense biasa menjadi Adsense AMP, dan menempatkannya di bagian-bagian tertentu.

Adapun contoh perbedaan antara kode Adsense di halaman biasa dengan kode Adsense di halaman AMP adalah sebagai berikut :

Kode Adsense Biasa

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

Kode Adsense AMP
Pada AMP, maka kode Adsense di atas akan diubah ke dalam format sebagai berikut :

<amp-ad width="100vw" height="320"
  type="adsense"
  data-ad-client="ca-pub-1234567891234567"
  data-ad-slot="1234567890"
  data-auto-format="rspv"
  data-full-width>
    <div overflow></div>
</amp-ad>

Dan juga kalian perlu menambahkan kode ini di bagian header dari website kalian, untuk menginisialisasi AMP Adsense :

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

Convert Kode Adsense Biasa ke Kode Adsense AMP

Untungnya dengan menggunakan plugin di atas kita bisa dengan mudah membuat kode Adsense untuk halaman AMP. Caranya nanti akan saya bahas di postingan selanjutnya ya… hehe

Keuntungan Adsense AMP

Menurut Google sendiri, menambahkan Adsense di halaman AMP akan memberikan keuntungan sebagai berikut :

  • higher viewability rates (menambah jumlah impression ads)
  • higher CTR (menambah jumlah klik)
  • higher eCPMs (menambah jumlah cost per 1000 impressions)

Lantas setelah saya menambahkan Adsense di halaman AMP apakah ada peningkatan berarti?

Jujur saja setelah saya menambahkan support untuk AMP dan menambahkan Adsense di sana, saya belum mengalami peningkatan berarti. Namun hal ini mungkin juga karena saya menambahkan Adsense di AMP sekitaran bulan Januari. Dimana bulan-bulan selanjutnya terjadi wabah virus corona yang membuat terjadinya resesi atau krisis ekonomi, hal ini pun sepertinya berdampak ke dunia internet marketing (Adsense) yang menyebabkan pendapatan Adsense saya turun 40 – 50% dari bulan sebelumnya.

Penampakan Adsense di halaman AMP

Untuk bagaimana penampakan Adsense di halaman AMP, kalian bisa lihat gambar di bawah ini :

Contoh penampakan Adsense di halaman AMP

Di sana kalian bisa lihat ada Adsense for links, Adsense banner image dan sticky adsense ads di bagian paling bawah.

Bagaimana, tertarikkah untuk menambahkan Adsense di halaman AMP?





Download aplikasi kami di Google Play Store


Tutorial Menarik Lainnya :

Leave a Reply

Your email address will not be published. Required fields are marked *

TWOH&Co.