Membuat Banner Iklan Muncul Secara Acak

Oleh Unknown

Thursday, October 29, 2015

Membuat Banner Iklan Muncul Secara Acak - Masih ada kaitannya dengan banner pada postingan membuat gambar banner berganti secara otomatis , Namun kali ini agak sedikit berbeda. Iklan banner yang akan kita buat kali ini akan muncul bergantian secara acak, bukan bergantian secara otomatis. Muncul bergantian secara acak berarti bahwa banner akan muncul berbeda-beda setiap kita reload halaman web.

Membuat Banner tampil Acak Setiap Reload

Caranya mudah. Cukup letakkan script di bawah ini dan siapkan beberapa gambar yang akan ditampilkan sebagai banner.

<script language="JavaScript"><!--

images = new Array(3);

images[0] = "<a href = 'url target01' target='_blank'><img title='title01' src='url gambar banner0' height='240' width='320'/></a>";

images[1] = "<a href = 'url target02' target='_blank'><img title='title02' src='url gambar banner01' height='240' width='320'/></a>";

images[2] = "<a href = 'url target03' target='_blank'><img title='title03' src='url gambar banner02' height='240' width='320'/></a>";

index = Math.floor(Math.random() * images.length);
document.write(images[index]);

//done

// --></script>

Keterangan :

• url target = Link tujuan yang kita inginkan saat banner diklik.
• title = Teks alternatif yang akan muncul saat web gagal memuat gambar dengan sempurna.
• url gambar = Alamat link url tempat di mana gambar yang ingin kita jadikan banner berada.
• height dan width = ukuran tinggi dan lebar gambar.
• array = Jumlah gambar banner yang akan ditampilkan.

Contoh hasilnya seperti ini :



Setiap halaman ini reload, maka gambar banner akan berubah. Untuk mengujinya silahkan reload halaman ini beberapa kali.

Cara ini bermanfaat untuk memastikan bahwa banner iklan yang kita pasang bisa dilihat oleh semua pengunjung. Terutama saat diakses melalui perangkat mobile. Karena tidak semua perangkat mobile bisa menampilkan banner iklan yang bergantian secara otomatis.

Itulah tutorial singkat untuk membuat banner iklan muncul secara acak setiap halaman reload. Semoga bermanfaat.

---