Cara untuk membuat Floating Banner + Directlink pada Iklan Adsterra di Blogspot

bigvana - Adsterra adalah sebuah Website Iklan Alternatif selain Adsense. 

Kenapa disebut Alternatif?

Karena sudah secara umum kita mengetahui bahwa begitu sulitnya mendaftar Adsense. Termasuk Blog saya ini. Sudah beberapa kali ditolak oleh Adsense, tapi saya tidak menyerah saya kembali mendaftar setelah memperbaiki beberapa hal yang mungkin menyebabkan blog saya mendapatkan penolakan dari pihak Adsense.

Sebetulnya banyak sekali Website Alternatif lainnya selain Adsterra. Tapi berhubung Blog saya memakai Adsterra sebagai penyedia Iklan, untuk lebih relefan saya akan membahas tentang jenis Iklan yang disediakan di Adsterra saja.

Dan menurut saya Adsterra adalah penyedia Iklan Terbaik Alternatif Adsense, dikarenakan Pendaftarannya mudah dan tidak terlalu selektif dalam memilih konten dan kategori Blog.

Bagi anda yang belum bergabung dengan Adsterra anda bisa mendaftar DISINI.

Untuk jenis Iklan Floating Banner sendiri sebetulnya tidak ada dimenu pilihan ikan Adsterra, yang ada cuma pilihan Banner biasa dengan bermacam ragam ukuran.

Supaya kita dapat memasang Iklan dengan jenis Floating Banner kita harus membuatnya sendiri. Kita harus memodifikasi Banner bawaan Adsterra dengan menambahkan dan merubah script Banner bawaan.

Menginjak pada segmen Tutorial cara membuat Floating Banner, Silahkan anda simak penjelasan saya selanjutnya.

1. Copy Script iklan Banner 300 x 250 dari Website Adsterra.

Contoh Script bawaan (default) Banner:

<script type="text/javascript">
atOptions = {
'key' : '87d424f27318599edcc9038b5b9f342a',
'format' : 'iframe',
'height' : 250,
'width' : 300,
'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://reluctanceleatheroptional.com/87d424f27318599edcc9038b5b9f342a/invoke.js"></scr' + 'ipt>');
</script>

Sengaja saya memilih ukuran 300 x 250 karena size ini pas jika tampil pada menu Mobile.

2. Copy Script Floating Banner dibawah.

Script Floating Banner:

<script type='text/javascript'>         $(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>
<!--start: floating ads-->
<div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
<div>
<a href='//googleweblight.com/sp?u=https://reluctanceleatheroptional.com/jx1ivkcd?key=9a97ab556ca0eea95404a5b3b0b5d5d0' id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9xKfHvxrdJOmMAsN1Vlt7i5XxU_WSNqVhJ8y5y-JejPF_8mFR-uS9g43gIoZ3jczwzFZYtXhNE7-4U_4-CAnN7Ff5WYTWGzB3AKh3NJ8HtODc3cI4p2s75-cW6-eDdbLeTg586mQ7xGc/s1600/btn_close.gif' title='close button'/></a>
</div>
<div style='text-align:center;display:block;max-width:300px;height:auto;overflow:hidden;margin:auto'>
<!--Script iklan-->
<object data="//reluctanceleatheroptional.com/watchnew?key=87d424f27318599edcc9038b5b9f342a" width="300" height="250"></object>
<!--Akhir script iklan-->
</div>
</div>
<!--end: floating ads-->

Paste di Aplikasi Catatan seperti Notepad, word atau sejenisnya.

3. Ganti Kode Script yang saya warnai.

Sesuaikan kode yang saya warnai dengan script Banner Adsterra milik anda. Untuk mempermudah anda bisa lihat kode script iklan Banner saya yang sudah saya tandai dengan warna yang sama pada script iklan Floating Banner yang sudah anda copy tadi.

<script type="text/javascript">
atOptions = {
'key' : '87d424f27318599edcc9038b5b9f342a',
'format' : 'iframe',
'height' : 250,
'width' : 300,
'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://reluctanceleatheroptional.com/87d424f27318599edcc9038b5b9f342a/invoke.js"></scr' + 'ipt>');
</script>

Untuk tanda warna kuning anda ganti dengan link Direct milik anda.

4. Paste kode diatas kode </body>

Setelah semuanya sesuai copy kode Floating Banner yang anda edit tadi. Klik menu Tema lalu pilih Edit HTML.

Cari kode </body> lau simpan kode Floating Banner tepat diatasnya.

Klik Save untuk menyimpan perubahan.

Kode Floating Banner yang sudah kita bahas ini bisa mengesalkan pengunjung, karena iklan ini tidak akan bisa ditutup dengan cara mengeklik tombol Close yang ada diatas iklan Banner. bila tombol Close di klik, maka akan mengarah ke directlink punya anda. Jadi anda harus memutuskan sendiri di jenis Blog apa iklan ini akan diterapkan. Sebagai saran anda bisa tempatkan iklan ini di Blog jenis Streaming.

Untuk membuat lebih ramah bagi Visitor anda bisa Copy Script dibawah:

<script type='text/javascript'>         $(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>
<!--start: floating ads-->
<div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
<div id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'>
<img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9xKfHvxrdJOmMAsN1Vlt7i5XxU_WSNqVhJ8y5y-JejPF_8mFR-uS9g43gIoZ3jczwzFZYtXhNE7-4U_4-CAnN7Ff5WYTWGzB3AKh3NJ8HtODc3cI4p2s75-cW6-eDdbLeTg586mQ7xGc/s1600/btn_close.gif' title='close button'/></a>
</div>
<div style='text-align:center;display:block;max-width:300px;height:auto;overflow:hidden;margin:auto'>
<!--Script iklan-->
<object data="//reluctanceleatheroptional.com/watchnew?key=c344ad899661dba85c1df6c93e85ffa8" width="300" height="250"></object>
<!--Akhir script iklan-->
</div>
</div>
<!--end: floating ads-->

Pada kode diatas tidak menyertakan Directlink, sehingga bila tombol Close diklik, Iklan akan langsung tertutup dengan mudah.

Supaya lebih ramah pengunjung lagi, anda bisa mengganti dengan ukuran Banner yang lebih tipis, misalnya size 320 x 50.

Untuk cara pemasangan, saya saja cuma mengganti nilai weight dan height serta key.

Jenis iklan yang ini bisa anda terapkan pada jenis blog apapun.

Untuk kode iklan ini bekerja dengan baik pada Flatform blogspot, tapi untuk Flatform Website selain Blogspot saya belum mencobanya.

Mungkin dengan sedikit perubahan pada Script, kode ini bisa work juga di Flatform yang lain.

Silahkan anda cari tahu sendiri.

NB:

Kode script ini sudah saya coba berfungsi juga untuk script iklan jenis banner dari penyedia Iklan lainnya selain Adsterra.