10comments

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.

10 Comments

    • Ari Hiro
  1. ebleh wases
  2. Mas Trigus
  3. MR GHONIE
  4. Mahendra
  5. MR GHONIE