How to display facebook page photos in your websites using PHP

1) Create a Facebook APP and get App id and App Secret replace those values with $appid and $appSecret variables

2) Replace your page album id with $album_id variable

 
function web_page_ur($url)
 {
$ch = curl_init();
curl_setopt ($ch, CURLOPT_URL, $url);
curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, 5);
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, true);
$contents = curl_exec($ch);
return $contents;
}
if(sizeof($_SESSION['fbPhotoData'])>0)
{
$fbPhotoData=$_SESSION['fbPhotoData'];
}
else
{
if(isset($_SESSION['facebook_access_token'])){
 
 $access_token = $_SESSION['facebook_access_token'];
}else{
 
 $appId = '181855785764820'; 
 $appSecret = '*****************';
 
 // Generate access token
 $graphActLink = "https://graph.facebook.com/oauth/access_token?client_id={$appId}&client_secret={$appSecret}&grant_type=client_credentials";
 
 // Retrieve access token
 



 $accessTokenJson = web_page_ur($graphActLink); //file_get_contents($graphActLink);
 $accessTokenObj = json_decode($accessTokenJson);
 $access_token = $accessTokenObj->access_token;
 
 // Store access token in session
 $_SESSION['facebook_access_token'] = $access_token;
}
$album_id = 225370936573; /*180396626573 190228041312178*/

$album_name ='Timeline Photos'; 
$access_token = $_SESSION['facebook_access_token'];
$graphPhoLink = "https://graph.facebook.com/v2.9/{$album_id}/photos?limit=35&name=family&fields=source,images,name&access_token={$access_token}";
//echo $graphPhoLink ;
$jsonData =web_page_ur($graphPhoLink);
$fbPhotoObj = json_decode($jsonData, true, 512, JSON_BIGINT_AS_STRING);
$fbPhotoData = $fbPhotoObj['data'];
$_SESSION['fbPhotoData']=$fbPhotoData;
}


 $k=$flag=0;
 $flg=0;
 


 $limit_photo = 9;
?>
<?php foreach($fbPhotoData as $fb_fetch_data){

if($k<$limit_photo)&&($fb_fetch_data['name']!='')
{
 $k++;
 $flg++;
 $imageData = end($fb_fetch_data['images']);
 // $imgSource = isset($imageData['source'])?$imageData['source']:'';
 $imgSource=$fb_fetch_data['images']['1']['source'];
 $name = isset($fb_fetch_data['name'])?$fb_fetch_data['name']:'';
 $desc=substr($fb_fetch_data['name'] ,0,160);
 ?>
 <li><div class="brand_offerimg masonrybox" style="overflow:hidden;height:auto;">
 
 <img src="<?php echo $imgSource; ?>" class="img-fluid mx-auto" alt="">
 <div class="mason-overlay">
 <div style="padding-top: 8px;font-size: 13px;"><?php echo substr($fb_fetch_data['name'],0,250); ?></div>
 <p style="text-align: center;margin-bottom: 0;"><a href="<?php echo "https://www.facebook.com/greatindiaplace/photos/a.225370936573.146164.180396626573/".$fb_fetch_data['id']."/?type=3&theater"; ?>" target="_blank" ><i class="fa fa-facebook" style="color: #e1e200;padding: 7px"></i></a></p></div>
 
 </div></li>
 <?php
 }
 }
 ?></ul>

Leave a Reply

Your email address will not be published. Required fields are marked *