Login
Script PHP Untuk Menampilkan Status Facebook di Website

Script PHP Untuk Menampilkan Status Facebook di Website

Dalam artikel kali ini, saya akan mencoba memaparkan cara untuk membuat script PHP yang nantinya digunakan untuk membaca status update di Facebook kita lalu menampilkannya. Anda dapat menyisipkan script ini di blog atau website sehingga pengunjung setia web/blog Anda bisa membaca status update Facebook Fanspage/Group Anda. Dengan script ini, Anda tidak perlu menggunakan widget yang disediakan oleh Facebook, sehingga bisa mempercantik sendiri tampilan status updatenya dimana hal ini tidak bisa dilakukan menggunakan widget nya Facebook.

OK dah trus yang jadi pertanyaan terbesar dalam membuat script ini adalah bagaimana cara mengakses data status update Facebook kita? Yup data status update Facebook bisa diakses melalui API yang berformat JSON.

Bagaimana cara mengakses data JSON nya?

1. mengetahui nomer id dari facebook. Caranya sangat mudah silahkan gunakan TOOLS  ini .

2. Buat aplikasi di aplikasi developer acebook, jika belum memiliki akun developer, silahkan daftar terlebih dahulu. Lalu dapatkan access TOKEN nya.

3. Edit code berikut, isi dengan data secukupnya

<?php

$id_fb = 'id facebook';
$access_token = 'access token';

indek($id_fb,$access_token);

function indek($id_fb,$access_token){
   $json = file_get_contents('https://graph.facebook.com/v2.2/'.$id_fb.'/feed?limit=25&access_token='.$access_token);
   $result = json_decode($json);
   foreach ($result->data as $r) {                
     if(!empty($r->message)){
       echo '<div><img src ="https://graph.facebook.com/'.$r->from->id.'/picture" class="pull-left">';
       echo '<p>'.$r->from->name.'<br>';
       echo $r->created_time.'</p>';
       echo '<p>';
       if(!empty($r->picture) && !empty($r->object_id)){
         echo '<a href="http://graph.facebook.com/'.$r->object_id.'/picture" class="popupimg pull-left" title="Perbesar"><img src="'.$r->picture.'"></a>';
       }
       echo '<pre>'.strip_tags(htmlentities($r->message)).'</pre>';
       echo'</div><hr>';
     }
   }
}

?>

Sobat tinggal berkreasi di CSS nya untuk mempercantik tampilannya sesuai selera sobat. ^^

Sobat juga bisa mencoba melihat demo yang pernah saya buat atau mendownloadnya.