Teknik memaksa pengunjung ngeklik iklan dengan jQuery :p

Posted on October 19, 2010

4


Apakah saya sedang mengajak berbuat curang? aww… tentu tidak
Disini hanya mengajak untuk sedikit berkreatifitas dengan celah yang diberikan oleh penyedia iklan tersebut.

Sebelumnya, tipe tampilan iklan dari penyedia iklan tersebut mempunyai peraturan dibawah ini agar tidak di banned setelahnya, karena percuma ditingkatkan kliknya tapi ujung2nya di ban
Tampilan iklan bisa di modif, warna, ukuran & font ( banyak tersedia ).
Link iklan bisa di buka di tab baru ( belum tentu tersedia ) jika fitur ini ada tutorial ini akan sesuai, jika tidak, maka perlu memakai cookies yg akan saya tulis pada artikel selanjutnya.
Terms mereka memperbolehkan untuk ditempatkan pada lokasi mana saja & dengan cara apa saja.

Tujuannya adalah menutupi konten yang sudah disediakan dengan iklan, dan disinilah arti kata “memaksa” yang saya maksudkan dari judul diatas karena pengunjung yang ingin membaca konten diharuskan melakukan klik iklan terlebih dahulu & setelah iklan di klik content akan muncul, untuk mendapatkan fungsi seperti ini bisa didapatkan dengan menggunakan jQuery.

OK, pertama, tambahkan dahulu jQuery pada header HTML.
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script&gt;

Selanjutnya, membuat & menentukan tinggi wrap / container untuk iklan, saya akan memakai tinggi 1000 pixel ( sudah cukup panjang untuk menutupi konten) dan mengisinya dengan iklan buatan sendiri yg tentu saja bisa direplace dengan iklan dari program iklan, berikut codenya :
HTML :
<div class=”wrap_iklan”>
<b> Beri judul yang memberitahukan pengunjung untuk ngeklik iklan agar konten terlihat </b>
<hr />
taruh disini script iklannya.
</div>

CSS :
.wrap_iklan {
width:560px;
height:1000px;
margin-top:-1280px; /*sesuai kebutuhan*/
position:absolute;
background:#f9f9f9;
border:1px solid #999999;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
}

Bagian yang terpenting untuk CSS adalah ukuran yang sesuai untuk menutupi konten agar tertutup dengan masih keadaan rapih dengan wrap lainnya.

Untuk margin-top:-1280px; itu adalah karena pada artikel ini mengharuskan saya untuk menempatkan iklan dibawah, akan lebih baik jika wrap iklan ditempatkan diatas posting pada source code / file .php nya. karena akan lebih pas ukurannya dengan menggunakan margin-bottom:-1000px; atau ukuran kebalikan sesuai dengan tinggi wrap yg telah dibuat.

Selanjutnya tinggal membuat javascript jQuery yang berfungsi menghilangkan wrap iklan setelah iklan di klik, berikut yg saya buat:
$(document).ready(function() {
$(‘.wrap_iklan a’).click(function(){
$(‘.wrap_iklan’).hide();
});

Bagaimana? mudah bukan?
tetapi cara ini akan sedikit menyakiti hati pengunjung karena pemaksaan
Selamat mencoba…….