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.
Advertisemen
Nah, jika sudah siap untuk praktek penempatan 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 90x160
Cara memasang 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
Memasang ditengah artikel posting template valid AMP HTML bisa anda lakukan dalam mode HTML. Buat artikel seperti biasa kemudain sisipkan iklansecara manual dalam mode HTML
Seperti gambar dibawah ini
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.
Kemungkinan penyebab gagal memasang iklan ditengah artikel posting templat Valid AMP
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.
Itulah cara memasang iklan ditengah artikel posting template valid AMP HTML. Selamat mencoba semoga berhasil dan pendapatan semakin meningkat.
Advertisemen
Blog