Memudahkan Klik

Banner gambar memang menarik, tapi entah mengapa kita jarang mengkliknya. Sementara banner teks Google terbukti mempunyai 5 kali tingkat click through. Namun agar banner teks bisa mensimulasikan penuh behaviour banner gambar, ia perlu dapat diklik di mana saja di dalam kotak teks. Lihat gambar di bawah ini :

Google mendapatkan efek ini dengan coding Javascript berikut ini:

<table bgcolor=#DDB7BA border=0 cellspacing=0 width=100%><tr><td>
<table border=0 cellpadding=3 cellspacing=0 width=100%><tr>
<td id=taw1 class=ch bgcolor=#FFF5F6 nowrap onMouseOver=
"ss('go to www.globalcar.com')" onMouseOut="cs()" 
onClick="ga(this,event)"><font size=-1><a id=aw1
href=/url?q=http://www.globalcar.com/gct/index.shtml&sa=l&ai=AHWa+
...ABEA&num=1
onMouseOver="return ss('go to www.globalcar.com')" onMouseOut="cs()">
Global <b>Car</b> Locator</a><br>
<font class=f size=-2><font color=#000000>Car</font> import export. New 
/ used BMW,<br>MB, Ford, Honda, Porsche and more<br><font color=green 
size=-1>www.globalcar.com</font><br>Interest: <img src=/images/pos_bar.gif
width=40 height=4 align=absmiddle border=0 alt=""></font></font>
</td></tr></table></td></tr></table>

Di mana fungsi ga() adalah berikut ini:

function ga(o,e) {
  if (document.getElementById) {
    a=o.id.substring(1);
    p="";
    g=e.target;
    if (g) {
      t=g.id;
      f=g.parentNode;
      if (f) p=f.id;
    } else {
      t=e.srcElement.id;
    }
  if (t==a||p==a) return;
  location.href=document.getElementById(a).href
  }
}

Yang sebenarnya ingin mengatakan bila kotak (ID = taw1) diklik, cari objek yang ID-nya aw1, dan buka halaman dengan URL sesuai nilai HREF milik aw1. Kenapa tidak langsung tulis begini? Lebih singkat dan jelas:

<td ... onClick="location.href='/url?q=http://www.global...'">

Barangkali web developer Google menemukan bug pada web browser? Ada kemungkinan seperti itu, dan seperti yang saya katakan, lebih bijaksana turuti mereka.

Artikel Terkait