how to add facebook live chat in a website

One of the main difficulty most of the developers faced is to add live chat in a website. Nowadays thousand of online chat are available most of them have their on draw backs.But Facebook come up with new chat frame , it is one of the easiest and  light weight live chat .here we are discuss how we can add fb chat in a website

 

1) After <body> tag add this code

 <!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1';
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your customer chat code -->
<div class="fb-customerchat"
 attribution="setup_tool"
 page_id="281874699030661">
</div>

2) Replace page id ( now:281874699030661)

3) In FB page setting > Messenger platform add White-listed domains

facebook-live-chat-into-websites

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>

How to remove cache from facebook share api

Many time we are facing issue with updating content and image on our website on Facebook share window .Normally it will not show the new it will always show cached image and content. TO remove cached image and show latest data you can use below facebook link.click below link and pastes your website address and click on fetch new scrape button.It will show new fetch information their.

https://developers.facebook.com/tools/debug/og/object/