如何在Facebook上分享图像,URL,描述和标题等动态内容

时间:2017-09-02 19:05:15

标签: javascript php jquery html facebook

我的数据库中有数据,如图像,标题和描述。 我已在div中显示此信息,以便每个div包含标题图像和描述。

现在我的任务是在Facebook上分享这个,因为每个div都有自己的URL。目前我正在使用PHP和jQuery。

当我点击分享按钮时,会出现分享对话框,但随后会出现Facebook默认设置,例如" Facebook开发者文档标题"。

以下是<head>内的标记:

<title><?php echo $postin_title2;?></title>
<meta property="og:url" content="http://shefil.com/php/fully.php?p=<?php echo $page_ID;?>" />
<meta property="og:type" content="website" />
<meta property="og:title" content="<?php echo $postin_title2;?>" />
<meta property="og:description" content="<?php echo$description;?>"/>
<meta property="og:image" content="http://www.test.com/uploads/<?php echo $i_image ;?>" />

以下是我的分享按钮,点击它时会运行一个功能:

<li><a href="javascript:void(0);" onclick="fb_share(<?php echo $postin_title2;?>,<?php echo $postin_title2;?>,<?php echo $description;?>)" ><img class="shiring" title="Share on Facebook" alt="Share on Facebook" src="../icons/color/Facebook.png"></a></li>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<div id="fb-root"></div>

<script lazy_load="false" type="text/javascript">
window.fbAsyncInit = function() {
  FB.init({
    appId            : 'my app id',
    autoLogAppEvents : true,
    xfbml            : true,
    version          : 'v2.10'
  });
  FB.AppEvents.logPageView();
};

(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 = "//connect.facebook.net/en_US/sdk.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

function fb_share(dynamic_link,dynamic_title,dynamic_content) {
  var app_id = '000000000000000';
  var pageURL="https://www.facebook.com/dialog/feed?app_id=" + app_id + "&link=" + dynamic_link;
  var w = 600;
  var h = 400;
  var left = (screen.width / 2) - (w / 2);
  var top = (screen.height / 2) - (h / 2);
  window.open(pageURL, dynamic_title, dynamic_content, 'toolbar=no, location=no, directories=no, status=no, menubar=yes, scrollbars=no, resizable=no, copyhistory=no, width=' + 800 + ', height=' + 650 + ', top=' + top + ', left=' + left);
  return false;
}
</script>

0 个答案:

没有答案