Feed: Arsip
Posted on: Thursday, May 09, 2013 08:21
Author: binyu
Subject: [Share] Cara redirect user dengan tombol Facebook Like
Permisi mastah dan momod,numpang share...
Mohon maaf sebelumnya apabila sudah ada yang share atau kurang bermanfaat. Disini ane mau share script yang ane dapet dari hasil browsing2 gara-gara waktu itu ane kepikiran buat bikin semacam content locker pake facebook like. Ane mikir gimana caranya agar user bisa di redirect ke url tertentu setelah klik tombol like.
Okeh langsung aja ya..
Oya..ane ngetest ini cuma di blogspot, ane belum nyoba buat cms lain tapi ane rasa bisa di semua platfrom karena menggunakan javascript. Berikut ini kodenya :
<div id="fb-root"></div>
<fb:like href="http://ads-id.com" send="false" width="450" show_faces="false"></fb:like>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: 'kode', status: true, cookie: true, xfbml: true});
FB.Canvas.setSize({ width: 520, height: 1500 });
FB.Event.subscribe('edge.create',
function(response) {
// put redirect code here eg
window.location = "http://twitter.com";
}
);
};
//Load the SDK asynchronously
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
PS:
Ganti tulisan warna merah dengan url yang ingin di like
Tulisan warna ungu dengan url yang akan diredirect
Tulisan warna biru adalah kode "app id"
Kopas script diatas kemudian paste di postingan blogspot dengan mode html.
Untuk demonya, tanpa bermaksud promosi _http://http://msnconvopro.blogspot.com/2013/04/test.html
Cara mendapatkan kode App id:
1. pergi ke _https://developers.facebook.com/apps lalu klik tombol "create new app" seperti di screenshot.
Y0pB9Lt.png
2. Kemudian akan muncul pop up seperti ini :
UBUx163.png
Isi di bagian app name dengan nama aplikasi terserah,yang penting nama aplikasi valid alias tersedia untuk di gunakan,yang lain tidak usah diisi. Lalu klik continue.
3. Nah applikasi telah selesai di buat dan akan menuju halaman detail aplikasi yang udah di buat tadi. Perhatikan screenshot :
qf84dPc.png
gambar diatas itu adalah kode app id
jangan lupa Disable sanbox mode seperti ini :
wuTWGOg.png
Demikian sedikit share dari ane, sekali lagi mohon maaf apabila ada kesalahan atau kekurangan, mohon koreksi. |
