我的数据库中有数据,如图像,标题和描述。 我已在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>