Cara Manual Pasang Iklan Anchor Tampil di Bawah Halaman

Tampilan iklan anchor/Gambar: Editing pribadi


Di tulisan ini saya menyebut iklan anchor bukan hanya sebatas untuk memasang iklan google adsense, digunakan untuk pasang gambar hyperlink pun bisa, contohnya seperti blog saya ini yang saya pasang gambar hyperlink menuju ke toko online saya. Pada pemasangan iklan anchor ini dipasang secara manual menggunakan kode javascript yang dimasukan ke dalam template blog.

Iklan anchor otomatis google adsense

Mungkin bagi para blogger yang sudah memasang iklan google adsense sudah tak aneh lagi dengan istilah apa itu jenis iklan anchor.

Namun, perlu saya jelaskan lagi di sini bahwa iklan anchor adalah jenis iklan otomatis dari google adsense yang bilamana diaktifkan sifatnya selalu muncul baik di bagian atas maupun terkadang banyak pula muncul pada bagian bawah halaman di sebuah situs ketika kita mengaksesnya. Seperti yang terdapat di blog saya ini yang muncul selalu di bawah halaman dan berulang tatkala pengunjung menjelajahi halaman per halaman situs. Hal itu karena saya telah memasang iklan anchor secara manual.

Nach, ketika si blogger (pemilik situs/blog) mengaktifkan iklan anchor otomatis agar tayang di blog, banyak para blogger termasuk saya (penulis) saat itu mengeluhkan iklan anchor yang selalu muncul di atas halaman blog dan lagi sangat jarang muncul keberadaannya. Demikian keadaannya, disebabkan iklan anchor yang bersifat otomatis alias sudah ditentukan oleh pihak Google adsense.

Alasan para blogger mengeluhkan hal itu tak lain adalah iklan anchor yang muncul di bagian atas halaman sangat tidak efektif dari segi tampilan yang mengganggu navigasi menu dan kurang minatnya pengunjung blog meng-klik iklan anchor yang muncul pada bagian atas halaman. Alhasil penghasilan blogger pun tidak maksimal atas penayangan iklan anchor.

Persiapan

Sebelum memasang iklan anchor secara manual, baiknya cadangkan blog dengan cara mendownload file xml di bagian tema. Hal itu untuk jaga-jaga bila terjadi kesalahan pemasangan maka anda bisa memulihkannya kembali, pastinya dengan cara mengupload kembali file blog yang anda download tadi.

Bagi pengguna hape, sangat saya sarankan ketika memasang iklan anchor secara manual gunakanlah aplikasi "Turbo Editor" yang dapat anda instal di Google Playstore. Hal itu bertujuan untuk mempermudah proses pemasangan. Nggak pakai aplikasi Turbo Editor juga nggak apa-apa. Untuk mengetahui apa itu aplikasi Turbo Editor dan cara pemakaiannya, silakan baca terlebih dahulu tulisan saya klik di sini

Dan yang terpenting, jika anda telah mengaktifkan iklan otomatis di Google adsense maka silakan anda nonaktifkan iklan anchor, hal itu bertujuan agar iklan tidak tumpang tindih setelah berhasil memasang secara manual.

Kode javascript iklan anchor manual

Kode yang harus diletakan di atas kode </head> :

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'> <style> /*<![CDATA[*/ .sticky-ad { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: visible; position: fixed; text-align: center; bottom: -104px; left: 0; width: 100%; z-index: 999; max-height: 104px; background-image: none; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); margin-bottom: 0; padding-top: 4px; transition: all .4s ease-in-out; } .sticky-ad-close-button { position: absolute; width: 28px; height: 28px; top: -28px; right: 0; background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%234F4F4F' d='M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); background-size: 13px 13px; background-position: 9px; background-color: #fff; background-repeat: no-repeat; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2); border: none; border-radius: 12px 0 0 0; cursor: pointer; } .sticky-ad-close-button:before { position: absolute; content: ""; top: -20px; right: 0; left: -20px; bottom: 0; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } :active, :focus { outline: 0 } /*]]>*/ </style> </b:if>

Kode yang harus diletakan di atas kode </body> :

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'>
<div class='sticky-ad' id='sticky-ad'>
<!-- Kode iklan silahkan simpan di bawah ini -->
<button aria-label='Close this ad' class='sticky-ad-close-button' onclick='document.getElementById(&apos;sticky-ad&apos;).style.display=&apos;none&apos;;'/>
</div>
<script>
//<![CDATA[
window.addEventListener("scroll",function(){
var target = document.getElementById('sticky-ad');
if(window.pageYOffset > 300){
target.style.bottom = "0";
}
},false);
//]]>
</script>
</b:if> 

Cara pemasangan

Masuk ke dasbor blog > menuju tema/template > Edit HTML > masukan kode javascript iklan ancor manual seperti yang telah disebutkan di atas.

Setelahnya, masukan kode iklan display Google adsense "mode tetap" dengan ukuran 320px X 50px tepat di bawah:

<!-- Kode iklan silahkan simpan di bawah ini -->

Nach, seperti yang telah saya sebutkan di awal tulisan, bahwa kode manual iklan anchor ini bukan hanya dikhususkan untuk iklan Google adsense, untuk dipasang gambar hyperlink pun bisa, tentunya ukuran gambar harus disesuaikan yaitu 320px X 50px.

Contoh url gambar hyperlink:

<div class="separator" style="clear: both; text-align: center;"><a href="https://sandalbandung.web.id" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="393" data-original-width="1840" src="https://1.bp.blogspot.com/-bb1lxoUC0io/X9j367suEVI/AAAAAAAADn8/H5FyCn9M81Uebofo4ZHohobB1BynWL5vACPcBGAYYCw/s1728/AddText_12-16-12.50.06.jpg " width="320" /></a></div>


Kalau anda ingin pasang iklan anchor manual dengan gambar hyperlink dan nggak mau repot, silakan gunakan url gambar hyperlink saya di atas. Tentunya hyperlink yang berwarna merah dan url gambar berwarna biru diganti terlebih dahulu dengan yang sesuai keinginan anda.


Adapun cara memasangnya sama seperti memasang kode iklan display Google adsense, yaitu letakan kode url gambar hyperlink tepat di bawah:


<!-- Kode iklan silahkan simpan di bawah ini -->


Selamat mencoba, semoga berhasil. Bilamana ada hal yang kurang dimengerti pada tulisan saya ini, dapat anda tanyakan di kolom komentar.

2 Komentar untuk "Cara Manual Pasang Iklan Anchor Tampil di Bawah Halaman"

Iklan Atas Artikel

Iklan1

Iklan Tengah Artikel 2

Iklan4