Cara Pasang Iklan Adsense di Blog AMP WordPress

Cara Pasang Iklan Adsense di Blog AMP WordPress | juraganblog.com – AMP (Accelerated Mobile Pages) adalah halaman web yang didesain khusus agar laman tersebut mobile friendly dan sangat cepat diakses melalui browser smartphone.

Pada dasarnya AMP sama-sama ditulis dengan HTML AMP, tapi ada sedikit perbedaan dibandingkan HTML biasa karena terdapat beberapa batasan, salah satunya Javascript.

Sudah berulang kali sebenarnya saya mencoba memasang AMP di blog saya, tapi yang membuat saya mengurungkan niat adalah..

.. iklan adsense tak bisa muncul.

Ternyata kode iklannya berbeda.. Hahaha..!

Nah, karena ada perbedaan penulisan, simak artikel berikut agar iklan AMP bisa tampil di blog.


Cara Pasang Iklan Adsense di Blog AMP WordPress

Iklan adsense yang saya pasang di blog AMP menggunakan kombinasi dari plugin Ad Inserter ditambah dengan plugin AMP for WP.

Ini dia contoh script adsense untuk blog non AMP :

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- J-Blog [Responsive Text & display] Widget -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9443227916xxxxxx"
     data-ad-slot="10762xxxxx"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Data yang kamu butuhkan bagian ini saja :

data-ad-client="ca-pub-9443227916xxxxxx"
data-ad-slot="10762xxxxx"

Selanjutnya, ikuti pemasangannya berikut ini :

1. Iklan Adsense di Atas Postingan / Header

a. Menggunakan AMP for WP

Untuk memasang di bagian header :

  1. Buka AMP » Settings » Advertisement;
  2. Aktifkan AD #1 (Below the Header (SiteWide)), kemudian isi sebagai berikut:
    Iklan Adsense di Atas Postingan / Header
    • Ad Size » 320 x 100 (ukuran paling pas untuk tampil di HP pada bagian header);
    • Data AD Client » sesuaikan dengan data-ad-client kamu;
    • Data AD Slot » sesuaikan dengan data-ad-slot kamu;
    • Responsive Ad unit » nonaktifkan.

Jika sudah, jangan lupa simpan perubahan..

b. Menggunakan Ad Inserter

Jika menggunakan plugin Ad Inserter, letakkan kode berikut di block 1 dengan pengaturan Automatic Insertion » Disable:

|amp|
<amp-ad layout="fixed-height"
  height=100
  type="adsense"
  data-ad-client="ca-pub-9443227916xxxxxx"
  data-ad-slot="38745xxxxx"
  data-auto-format="rspv"
  data-full-width>
    <div overflow></div>
</amp-ad>

.. kemudian masuk ke Widget, letakkan Ad Inserter (block 1) di AMP Below the Header [Site Wide].

Cara Pasang Iklan Adsense di Atas Postingan / Header

Kalau sudah, jangan lupa disimpan.

c. Menggunakan Plugin lain

Jika menggunakan plugin lain, ini kode adsense-nya untuk blog versi AMP :

<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-9443227916xxxxxx"
data-ad-slot="10762xxxxx">
</amp-ad>

2. Iklan Adsense sebelum Konten (di Bawah Judul Artikel)

a. Menggunakan AMP for WP

  1. Buka kembali AMP » Settings » Advertisement;
  2. Aktifkan AD #3 (Above the Post Content);
    Adsense sebelum Konten
  3. Isi sebagai berikut :
    • Display on » Global;
    • Ad Size » 326 x 280 (ukuran unit adsense dengan CPC tinggi);
    • Data AD Client » sesuaikan dengan data-ad-client kamu;
    • Data AD Slot » sesuaikan dengan data-ad-slot kamu;
    • Responsive Ad unit » aktifkan.

Jika sudah, jangan lupa untuk menyimpan perubahan.

b. Menggunakan Ad Inserter

Letakkan kode berikut di block 2 dengan pengaturan Automatic insertion
» Before content dan Alignment and style » Center.

|amp|
<amp-ad width="100vw" height=320
  type="adsense"
  data-ad-client="ca-pub-9443227916xxxxxx"
  data-ad-slot="38745xxxxx"
  data-auto-format="rspv"
  data-full-width>
    <div overflow></div>
</amp-ad>

Jika sudah, jangan lupa simpan perubahan.

c. Menggunakan Plugin lain

Jika menggunakan plugin lain, ini kode Adsense-nya untuk blog versi AMP :

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

3. Iklan Adsense setelah Konten (di Akhir Artikel)

a. Menggunakan AMP for WP

  1. Buka kembali AMP » Settings » Advertisement;
  2. Aktifkan AD #4 (Below the Post Content (Single Post));
    Cara Pasang Iklan Adsense setelah Konten
  3. Isi sebagai berikut :
    • Ad Size » 326 x 280 (ukuran unit adsense dengan CPC tinggi);
    • Data AD Client » sesuaikan dengan data-ad-client kamu;
    • Data AD Slot » sesuaikan dengan data-ad-slot kamu;
    • Responsive Ad unit » aktifkan.

Jika sudah, jangan lupa untuk menyimpan perubahan.

b. Menggunakan Ad Inserter

Letakkan kode berikut di block 3 dengan pengaturan Automatic insertion
» After content dan Alignment and style » Center.

|amp|
<amp-ad width="100vw" height=320
  type="adsense"
  data-ad-client="ca-pub-9443227916xxxxxx"
  data-ad-slot="38745xxxxx"
  data-auto-format="rspv"
  data-full-width>
    <div overflow></div>
</amp-ad>

Jika sudah, jangan lupa simpan perubahan.

c. Menggunakan Plugin lain

Jika menggunakan plugin lain, ini kode Adsense-nya untuk blog versi AMP :

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

4. Iklan Adsense di Tengah Artikel

Untuk kklan Adsense di tengah artikel sebaiknya pilih tipe unit In-article ads.

Cara Pasang Iklan Adsense di Tengah Artikel

Jadi letakkan kode Data AD Client dan Data AD Slot milik In-articles ads sesuai plugin yang kamu gunakan :

a. Menggunakan AMP for WP

AMP for WP tidak bisa melakukan hal ini kecuali menggunakan versi PRO.

b. Menggunakan Ad Inserter

Letakkan kode berikut di block 4 dengan pengaturan Automatic insertion
» After paragraph, Paragraphs » 0.5 dan Alignment and style » Center.

|amp|
<amp-ad width="100vw" height=320
  type="adsense"
  data-ad-client="ca-pub-9443227916xxxxxx"
  data-ad-slot="49161xxxxx"
  data-auto-format="rspv"
  data-full-width>
    <div overflow></div>
</amp-ad>

Jika sudah, jangan lupa simpan perubahan.

c. Menggunakan Plugin lain

Jika menggunakan plugin lain, ini kode Adsense-nya untuk blog versi AMP :

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

5. Iklan Adsense di Akhir Post / di Atas Footer

a. Menggunakan AMP for WP

Masuk ke Widget dan letakkan Custom HTML ke AMP Above the Footer [Site Wide].

Cara Pasang Iklan Adsense di Akhir Post / di Atas Footer

Selanjutnya letakkan kode Adsense berikut :

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

Jika sudah, jangan lupa untuk menyimpan perubahan.

b. Menggunakan Ad Inserter

Letakkan kode berikut di block 5 dengan pengaturan Automatic insertion
» After post dan Alignment and style » Center.

|amp|
<amp-ad width="100vw" height=320
  type="adsense"
  data-ad-client="ca-pub-9443227916xxxxxx"
  data-ad-slot="38745xxxxx"
  data-auto-format="rspv"
  data-full-width>
    <div overflow></div>
</amp-ad>

Jika sudah, jangan lupa simpan perubahan.

c. Menggunakan Plugin lain

Silahkan cek fitur yang diberikan plugin kamu, untuk kode iklan ya sama saja.

6. Iklan Adsense di Atas Artikel Terkait

a. Menggunakan AMP for WP

  1. Buka kembali AMP » Settings » Advertisement;
  2. Aktifkan AD #6 (Above the Related Posts (Single Post);
    Adsense di Akhir Post / di Atas Footer
  3. Isi sebagai berikut :
    • Ad Size » 300x 250 (ukuran paling pas untuk tampil di perangkat mobile)
    • Data AD Client » sesuaikan dengan data-ad-client kamu;
    • Data AD Slot » sesuaikan dengan data-ad-slot kamu;
    • Responsive Ad unit » aktifkan.

Jika sudah, jangan lupa untuk menyimpan perubahan.

b. Menggunakan Ad Inserter

Ad Inserter belum bisa melakukan hal ini..

c. Menggunakan Plugin lain

Silahkan cek fitur yang diberikan plugin kamu, untuk kode iklan ya sama saja.

Selesai.

Tips!

Jika ingin meletakkan penempatan iklan Adsense di seluruh bagian di atas, lakukan kombinasi pemasangan iklan menggunakan Ad Inserter dengan AMP for WP jadi kamu tidak perlu menggunakan plugin AMP for WP versi PRO.

Demikian Cara Pasang Iklan Adsense di Blog AMP WordPress.

Semoga bermanfaat…!

niagahoster

#1 HOSTING TERBAIK INDONESIA

Diskon 40% + Domain dan SSL Gratis

Type: Shared Hosting
Upgrade: Cloud VPS
Layanan Support: 8/10
Rata-rata Uptime: 99,97%
Rata2 Page Load Time: 1,416 ms

Pilihan terbaik untuk website/blog WordPress

*Garansi 30 hari uang kembali

Host dengan Niagahoster


Langit

Pecandu IT, pencinta seni fotografi dan penikmat kopi.. :)

2 Comments
  1. Terima kasih. Saya merasa terbantu dengan adanya artikel sampean. Tujuan saya memasang AMP untuk mengatasi blog saya yang berat dengan harapan blog saya menjadi lebih ringan. Setelah mencari tahu lebih banyak tentang AMP dan bagaimana cara memasang kode iklan, lalu saya pun mencoba untuk menerapkannya. Dan berhasil. Yang lebih bikin saya senang, semula iklan MGID tidak muncul saat belum dipasang AMP. Beruntungnya, AMP for WP menyediakan dua pilihan iklan, baik itu Google Adsense atau MGID. Ya, meskipun penghasilannya tidak seberapa dari dua vendor iklan tersebut, yang penting saya sudah praktikan semuanya.

  2. Saya ada cerita ni mungkin punya solusinya” saya pernah menggunakan plugin AMP For WP ini, diawal beberapa bulan iklan tampil normal di halaman AMP pada bulan berikutnya tiba-tiba iklan tidak tampil dihalaman AMP sedangkan di non AMP normal saja itu kenapa ya? ditunggu balasannnya via email

Leave a Reply

Your email address will not be published.