Cara Pasang Iklan Ditengah Artikel Template Valid AMP HTML

Pasang Iklan Ditengah Artikel, – Iklan Adsense ditengah posting blog yang menggunakan template valid AMP HTML, memanglah tidak semudah seperti blog yang menggunakan template standart non AMP. Hal ini sudah pernah saya singgung di artikel sebelumnya tentang Ganti Template AMP Apa yang Akan Terjadi pada Blog

Jika kita menggunakan template standart non AMP, kita hanya perlu menggunakan script yang memang sudah dimodif. Dan kita tinggal meletakkan di body posting, parse iklan uda selesai otomatis akan ada iklan ditengah artikel posting.

Penempatan iklan memang sangat berpengaruh untuk pendapatan khususnya untuk blogger publisher Adsense. Penempatan iklan di posisi yang strategis bak ruko yang ada di keramaian, walaupun tidak ada yang mau datang setidaknya ada yang melihat. hehe

Posisi iklan ditengah artikel memang cukup besar potensi pendapatan, berdasarkan pengalaman saya. Dan semoga anda juga demikian, jika anda belum menerapkannya. Bisa mencoba cara seperti diartikel ini, khususnya pengguna template valid AMP HTML.

Untuk penempatan iklan ditengah artikel posting template Valid AMP HTML, cukup ribet apa lagi jika masih awam soal code-code HTML. Tapi diartikel ini akan saya bahas sedetail mungkin agar mudah dipelajari.

Karena memang setelah saya browsing kesana kemari tidak juga menemukan cara pasang iklan ditengan artikel posting untuk template valid AMP HTML. Kebanyakan untuk template stadart non AMP. Entah saya yang tidak bisa mencari, atau memang masih sedikit yang membuat tutorialnya.

Nah, jika sudah siap untuk praktek pasang iklan ditengah artikel. Berikuti ini hasil eksperimen coba-coba saya dan cukup berhasil. Sebelum mencoba, anda juga bisa melihat demonya disini yang saya pasang iklan jenis tautan atau link dengan ukuran 90×160

 

Cara pasang iklan ditengah artikel valid AMP

Buat postingan atau edit posting seperti biasanya. Karena pemasangan unit iklan ini hanya bisa secara manual.

Sebelum  memulai, cari dulu code CSS di edit template. Kebetulan template yang saya gunakan seperti ini.

/* Post Ads */ .postadstop {display:inline-block;width:auto;height:auto;margin:0 15px 15px 0;float:left} .postadsbottom{display:block;width:100%;height:auto;margin:20px auto;text-align:center} .postadstop amp-img{width:100%;max-width:300px;height:auto} .postadsbottom amp-img{width:100%;max-width:728px;height:auto} .postadstop span, .postadsbottom span{font-size:12px;font-weight:400;color:#555;text-align:center;margin:0 auto 5px;display:block}

Code CSS diatas sebenarnya hanya digunakan untuk mengatur penempatan iklan nantinya. Agar bisa ditengah artikel atau berada dikiri artikel seperti iklan yang ada dibawah judul.

Namun jika bingung, dilewati saja tapi nanti hasil iklannya tidak pas ditengah, tapi disisi kiri. Nah, untuk pemasangan seperti dibawah ini.

Copy kode dibawah ini ditengah artikel (sesuai selera di sepertiga , seperempat atau dimana saja terserah anda)

<div class=’postadsbottom’><span>Advertisemen</span><amp-ad data-ad-client=’ca-pub-8681624xxxxx’ data-ad-slot=’56176xxxx’ height=’250′ type=’adsense’ width=’300′>
</amp-ad></div>

#Keterangan
1. Atur penempatan iklan
<div class=’postadsbottom>
Ini code untuk memanggil CSS diatas tadi mau di taruh mana iklannya. Seperti iklan dibawah judul berada disisi kira atau tengah seperti diakhir artikel. Jika melihat dari contoh di artikle ini. Saya menggunakan ditengah seperti diakhir artikel.

2. Penentuan iklan yang digunakan
Data-ad-client, data-ad-slot, dan ukuran tinggi lebar
Isi dengan id adsense anda contoh ca-pub-8681xxxxxxxxxx. Untuk data-ad-slot ambil dari code tiap iklan. Tinggi dan lebar bisa mengikuti iklan yang dipilih. Sama seperti kita memasang iklan di bagian bawah artikle maupu bawah juful.

 

#Pemasangan iklan adsense di tengah artikel
Cara pasang iklan ditengah artikel posting template valid AMP HTML ini bisa anda lakukan dalam mode HTML. Buat artikel seperti biasa kemudain sisipkan iklansecara manual dalam mode HTML

Seperti gambar dibawah ini

Cara pasang iklan ditengah artikel posting AMP
Nah, jika sudah berhasil tinggal terbitkan saja. Jika berhasil maka iklan akan tampil ditengah artikel. Jangan lupa cek valid AMP atau tidak. Kalau tidak kemungkinan ada yang salah. Pastikan sesuai tutor diatas. Cara ini sudah saya coba dan berhasil.

Update cara pasang iklan adsense ditengah artikel template AMP HTML
Update: Untuk saat ini bisa dengan mudah pasang iklan di tengah artikel. Dengan cara memanfaatkan fitur auto Ads yang memang baru diluncurkan google Anda hanya perlu mengatur pengaturan di akun adsense. Masuk ke akun adsense > pilih pengoptimalan > masuk tab Lab dan centak jadi aktif fitur auto ads

Gagal pasang iklan ditengah artikel posting templat Valid AMP

1. Ketika kita bolak balik dari mode Compose ke mode HTML bisa saja ada yang rubah code scripnya. Untuk meminimlisir perubahan. Sebaiknya tulis aja artikle hingga selesai dan siap untuk di publish. Baru kita pasang kode iklan sesuai keinginan.

2. Anda membuat unit iklan baru, sehingga butuh waktu beberapa saat agar bisa tampil. Penyesuaian sampai iklan status aktif

Itulah cara pasang iklan ditengah artikel template valid AMP HTML. Selamat mencoba semoga berhasil dan pendapatan semakin meningkat.

11 thoughts on “Cara Pasang Iklan Ditengah Artikel Template Valid AMP HTML”

  1. Lah manual ternyata ._. yang otomatis ga muncul ya mas ?

    Reply
    • Iya manual mas Fallah, klo pake script otomatis bakalan error nggak valid AMP… masih blum nemu cara yang otomatis tapi valid AMP

      Reply
  2. harus masukin kode per artikel ya ?

    boleh juga sih dicoba

    Reply
  3. masih manual ya ms, kalo yang otomatis seprti pada tempalte non-amp gimana ya mas>

    Reply
    • sekarang sudah bisa pakek auto ads mas, fitur baru dari google

      Reply
  4. wah mantap ini,soalnya saya juga belajar pasang amp masih bingung masang iklannya,ketemu artikel ini langsung dipraktekin ah.

    Reply
  5. Sebenarnya bisa sih pakai cara otomatis, tapi masih ribet. Untuk iklan amp auto ads, saya belum berhasil kalau penempatannya di tengah artikel, tapi kalau di tengah-tengah hompage bisa muncul. Mohon pencerahannya Geng

    Reply
  6. akhirnya ketampil juga iklan saya. terima kasih sudah share caranya. sangat membantu. terus kembangkan min

    Reply
  7. Ok mas, jadi sekarang kalau adsense sudah bisa otomatis yah. namun untuk iklan bukan adsense gimana yah?

    Reply
  8. meskipun dengan cara manual. solusinya tinggal save kode iklan di halaman namun jangan di publis biar di draft. nanti setiap buat artikel tinggal copy tuh codenya dari draft halaman

    Reply
  9. Saya cari yang auto jarang dan hampir tidak ketemu. Yang manual ini baru mau saya coba

    Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.