代码1:
<a id="button" rel="nofollow" href="http://www.facebook.com/share.php?" onclick="return fbs_click()" target="_blank">
<script>
function fbs_click() {
u=location.href;
t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),
'sharer',
'toolbar=0,status=0,width=626,height=436');
return false;
}
这里标题&#34; t&#34;不起作用,但我想显示自定义标题,摘要,网址和图片所以,我试过这样的事情
代码2:
<a id="button" href="http://www.facebook.com/sharer.php?
s=100
&p[url]=<?php echo $pressurl;?>
&p[images][0]=http://myurl/images/linkedin_image.png
&p[title]=mytitle
&p[summary]=containsummary ">
在这两种情况下都没有发生任何事情,它会自动从上面提到的网址获取一些内容(标题,图片,摘要),我想在facebook分享页面中显示自定义标题,图片和摘要,我不知道如何使用og meta标签并且这意味着什么s = 100? ..
答案 0 :(得分:9)
您可以使用Facebook JavaScript SDK制作自定义共享对话框,而不是在Facebook上使用sharer.php脚本。
<!-- include Facebook JavaScript SDK -->
<!-- share link -->
<a href="#" class="share-btn">Share to Facebook</a>
<script type="text/javascript">
function fb_share() {
// facebook share dialog
FB.ui( {
method: 'feed',
name: "Your Page Title",
link: "https://www.webniraj.com/link-to-page/",
picture: "https://stackexchange.com/users/flair/557969.png",
caption: "Some description here"
}, function( response ) {
// do nothing
} );
}
// add click event to link using jQuery
$(document).ready(function(){
$('.share-btn').on( 'click', fb_share );
});
</script>
这将为Facebook共享创建一个很好的弹出窗口,您可以轻松更改JavaScript中的标题,描述和图片属性。 Working demo available here