Bikin WVM dan Tracker IP Untuk Friendster

Kita tahu bahwa untuk fasilitas "Who's Viewed Me" (WVM) sudah ada di friendster, namun terkadang WVM tersebut belum benar-benar akurat, terkadang jumlah orang yang melihat profile Fs kita bertambah angkanya namun ketika kita check siapa saja yang melihat profile kita tidak bertambah orangnya, hal tersebut dikarenakan orang yang melihat profile kita adalah orang yang sama, pertanyaannya adalah siapa orang yang sama tersebut? :D

Disini kita akan membuat sebuah tracker WVM lengkap dengan IP pengunjung, tanggal, jam, dan link ke profile FS nya, tracker ini menggunakan bantuan pihak ketiga untuk menjalankannya, yaitu CBOX.

CBOX adalah sebuah tool yang berbasis website yang biasa digunakan untuk chatbox, CBOX bisa didapat dengan mudah di http://cbox.ws gratis, cukup dengan melakukan registrasi dan kita telah memiliki sebuah account CBOX.

Tapi pada kali ini, kita akan menggunakan CBOX bukan untuk keperluan chatting, tapi kita akan menggunakannya sebagai media untuk melihat siapa saja yang telah menjadi pengunjung profile FS kita tanpa harus login terlebih dahulu.

Ramuan yang dibutuhkan :

[] Host

Sebuah hosting untuk meletakkan external script. Tentang cara pembuatan sebuah host, baca "Membuat Linker Untuk Friendster (Javascript)".

[] Sebuah account CBOX

jika belum memilikinya, buka situs http://cbox.ws dan lakukan proses registrasi, untuk mendapatkan accountnya.

Jika kamu telah mendapatkan sebuah account CBOX, masuklah ke account CBOX kamu, dan pilih menu "Publish!".

Pada kolom "Your website:" masukkan link friendster kamu
contoh : http://friendster.com/77097290

Pada kolom dibawahnya, kamu akan mendapati sebuah source code CBOX milik kamu. Periksa ke dalam kolom tersebut dan carilah tulisan "http://" jika telah didapati, yang harus kamu catat adalah : www nya, boxtag, dan boxid

sebagai contoh disini :
http://www4.cbox.ws/box/?boxid=3599979&boxtag=2356&sec=form

dan yang harus dicatat adalah :
www : www4
boxtag : 2356
boxid : 3599979

Bila perlu simpan di notepad ketiga info tersebut, ketiga info tersebut nantinya akan kita gunakan pada penulisan script WVM.

[] External script

Script ini yang nantinya akan berperan sebagai "mesin" pencatat ke CBOX siapa saja yang telah mengunjungi profile FS mu. Script ini saya dapatkan dari http://friendstertalk.com namun saya lupa siapa nama founder script ini, kamu bisa mengunjungi situs tersebut diatas untuk informasi lebih dalam.

Buka notepad kamu dan tuliskan javascript berikut ini:

if ( ! attachOnLoadHandler(function () { whoview();}))
window.onload = function () {
whoview();};
function whoview(){
var wvmcbox =
"<div align='center' id='cboxdiv'>"+
"<iframe frameborder='0' width='100%' height='135' src='http://www-kamu.cbox.ws/box/?boxid=boxid-kamu&amp;boxtag=boxtag-kamu&amp;sec=main' marginheight='2' marginwidth='2' scrolling='auto' allowtransparency='yes' name='cboxmain' id='cboxmain'>"+
"</iframe>"+
"</div>";
addBox("RIGHT","My Privacy",wvmcbox,"cboxz",null);
}

if((pageViewerID != pageOwnerID) && (pageViewerID != "")) {
var getnavBg = document.getElementById("navBg");
getnavBg.innerHTML +=
"<div style='display:none'>"+
"<iframe name='cbox_submit' id='cbox_submit' width=0 height=0>"+
"</iframe>"+
"<form id='cform' target='cbox_submit' action='http://www-kamu.cbox.ws/box/?boxid=boxid-kamu&amp;boxtag=boxtag-kamu&amp;sec=submit' method='post'>"+
"<input type='text' maxlength='25' name='nme' value='"+pageViewerFName+"'>"+
"<input type='text' maxlength='50' name='eml' value='http://www.friendster.com/"+pageViewerID+"'>"+
"<input type='text' maxlength='200' name='pst' value='"+Date().replace(/\(.+\)/,"")+"'>"+
"<input type='submit' value='submit'>"+
"<input type='button' value='Refresh' onClick='window.cboxmain.location.href=document.getElementById(\"cboxmain\").src'>"+
"</form>"+
"</div>";
document.getElementById("cform").submit();
}

function addBox (type,head,htm,id,sibling) {
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
if(type=="LEFT") {
var ul=document.getElementById("0").parentNode.parentNode;
htm="<div class='boxcontent'>"+htm+"</div>";
}
else {var ul=document.getElementById("2").parentNode.parentNode;
}
li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling).parentNode;
ul.insertBefore(li,sibling);
}
}

function show_hide(the_box) {
if (document.getElementById(the_box)) {
if (document.getElementById(the_box).style.display == 'none') {
document.getElementById(the_box).style.display = 'block';
}
else {
document.getElementById(the_box).style.display = 'none';
}
}
}

Ganti tulisan yang berwarna merah tersebut dengan informasi yang telah kamu catat sebelumnya.

Jika kamu tidak mau menampilkan box tersebut di profile Fs kamu, kamu bisa menghapus tulisan :
addBox("RIGHT","My Privacy",wvmcbox,"cboxz",null);

Script ini telah mengalami beberapa perubahan peng-editan, untuk lebih lengkapnya kamu bisa ke friendstertalk. Simpan dengan nama "WVM.js" dan upload lah file ini ke hostingan kamu.

[] Linker

Buka linker script kamu, untuk lebih jelasnya baca "CSS Dan Javascript Dalam satu Linker", kemudian tambahkan baris script ini :

var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "http://PATH-HOSTING-KAMU/WVM.js";
document.getElementsByTagName("head")[0].appendChild(myjs);

Sebatas ini, jika tidak ada masalah maka WVM telah berhasil dibuat.

Untuk melihat IP dari si pengunjung kamu bisa login ke CBOX kamu, pilih menu "Message" pada halaman ini kamu bisa melihat IP dari si pengunjung.

Untuk melihat secara cepat (tanpa harus login) siapa saja yang telah menjadi pengunjung di profile Fs kamu, kamu bisa mengetikkan :
http://account-cbox-kamu.cbox.ws pada address bar kamu.

Sebagai contoh :
http://metalator2.cbox.ws

Namun WVM ini memiliki kelemahan, yaitu tidak akan mencatat pengunjung yang tidak login pada Fs nya. Namun ini bisa kita tutupi dengan menambahkan source code berikut ini pada external script kamu, untuk memaksa si pengunjung harus login dulu sebelum melihat profile Fs kamu.

if(pageViewerID==""){
alert("Loe harus login dulu kalau mau lihat fs ku!!!");
top.location.href="http://www.friendster.com/login.php?next=%2fuser.php%3fuid%3D"+pageOwnerID+"&cookie=1";
}

Sebagai profile contoh kamu bisa mengunjungi profile FS berikut ini :
http://friendster.com/metalator kemudian buka http://metalator2.cbox.ws apakah nama kamu tercatat di CBOX tersebut? Jika kamu belum login, maka kamu akan mendapatkan sebuah alert box untuk login terlebih dahulu sebelumnya.

[0] Referensi : http://friendstertalk.com