How it works
Visitor Notification ini memanfaatkan wall facebook page untuk menyimpan data pengunjung dan menggunakan facebook graph API untuk membaca data dari wall page.
- Data pengunjung yang disimpan disini atara lain:
- ✩ Facebook ID pengunjung
- ✩ URL halaman yang dikunjungi
- ✩ Judul halaman yang dikunjungi
- ✩ Jenis browser yang digunakan pengunjung
Untuk Facebook ID pengunjung
kita dapet dari Facebook Connect tentunya, jadi kalo kita gak pasang facebook connect di blog, percuma jadinya, karena kita gak tau siapa
sipengunjung ini.
Cara Pasang
Pastiin Library jQuery
sama Plugin jQuery Ui
berikut udah ada dibagian <head>.
Kalo belom ada, silahkan pasang tepat diatas tag </head> dari template blog.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
Terus bikin Widget HTML/Javascript
baru dibagian paling bawah Layout Blog dan isi kira-kira kaya gini:
Yang diatas itu baru CSS pendukungnya aja,,
Sekarang tinggal nambahin baris berikut setelah CSS yang di atas tadi
<script type="text/javascript">
$.ajax({url:'http://aing-creations-template.googlecode.com/files/notipAing.js',dataType:'script',cache:true,success:function(){
blognotip.bikinNotip();
}});
</script>
Save Widget HTML/Javascript
yang lo bikin barusan dan lihat hasilnya.
Kalo pengunjung di blog elo gak kecatet dinotif ini, berarti blog elo belom ada connect facebooknya atau gak ada variable idUserYgLogin nya. Silahkan baca-baca di How to Connect Facebook with Blog.
Menggunakan Wall Facebook Page sendiri
Biar Notif visitor kita gak campur-campur sama visitor blog orang, silahkan bikin 2 facebook page sendiri dan ambil access tokennya. Kita pake 2 page karena yang satu buat nyimpen data visitor, yang satu lagi buat nyimpen data event seperti menekan tombol like atau berkomentar pada facebook plugin.
Tinggal ganti aja script nya jadi kaya gini..
<script type="text/javascript">
$.ajax({url:'http://aing-creations-template.googlecode.com/files/notipAing.js',dataType:'script',cache:true,success:function(){
window.visrecGue='26613742xxxxxxx|AAACqnvXzYOcxxxxxx';
window.evrecGue='104181253xxxxxxx|AAACqnvXzYOcBxxxxxx';
blognotip.bikinNotip();
}});
</script>
- Cara dapetin Access token Facebook Page:
Gunakan ID Aplikasi yang bisa memberikan
Offline access permission
agar access token tidak expire. Misalnya Nokia (49340319393) atau Experia (104018109673165).Application ID:Check this App
Update status
Insert token
Get TokenAtau langsung tekan tombol
Insert token
kalo emang udah punya.
Kalo ada yang kurang jelas, komen aja dibawah, siapa tau ada temen-temen
yang lain yang bisa bantu :D
wk kabooooooooooooorrrrrrrrr.... XD
0 komentar:
Posting Komentar