我需要在 Facebook 上分享包含自定义标题、图片和描述的测验结果。在 4 月 18 日更新到 2.9 版本之前,它运行得很好。 但它不适用于 2.9 版本。那我是不是错过了什么?或者 Facebook 不希望我们在 2017 年分享我们网站的自定义 Facebook Feed?
对于测试 Facebook feed 的设置,我严格使用
Facebook 开发人员文档Facebook Changelog v2.9表示不再支持参数图片、名称、描述和标题。 我的 Facebook API 初始化:
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '*APP-ID*',
xfbml : true,
version : 'v2.9'
});
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'));
</script>
我的脸书分享电话:
<script>
$(document).ready(function() {
$('#fbButton').click(function() {
FB.ui({
method: 'feed',
link: '*URL*',
caption: 'An example caption',
picture: '*URL*/img/content4.jpg',
name: 'An example name',
description: 'An example description'
}, function(response){});
});
});
</script>
结果我得到了一个没有任何图片或描述的 Facebook feed。唯一的就是标题(在
<head>
和
<title>
中定义的页面标题)。显然,通常的程序不再起作用了。
那么有什么方法可以使用新的 Facebook API 2.9 版本来共享自定义文本和自定义图片吗?有什么解决办法吗?或者 v2.9 是不可能的,因为 Facebook 不希望我们共享这样的自定义提要? (无论出于何种原因..)
(不,我不能使用 og:tags)
FB.ui({
method: 'share_open_graph',
action_type: 'og.shares',
action_properties: JSON.stringify({
object : {
'og:url': 'http://astahdziq.in/', // your url to share
'og:title': 'Here my custom title',
'og:description': 'here custom description',
'og:image': 'http://apps.investis.com/Dharmendra/fbPOC/south.jpg'
}
})
},
// callback
function(response) {
if (response && !response.error_message) {
// then get post content
alert('successfully posted. Status id : '+response.post_id);
} else {
alert('Something went error.');
}
});
这对我有用,因为我可以发布带有标题和描述的自定义图像。
www.facebook.com/sharer.php?caption=[标题]&description=[描述]&u=[网站]&图片=[图片网址]
您可以使用 JavaScript window.open 来模拟如下行为:
这是一个工作示例:
https://jsfiddle.net/ovidiu_turean/mhuexvjL/
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
window.open('https://www.facebook.com/sharer.php?title=ThisIsAtitle&description=ThisIsAdesc&u=https://www.google.ro&picture=https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-526588.jpg', 'Share', 'scrollbars=yes,resizable=yes,toolbar=no,menubar=no,scrollbars=no,location=no,directories=no,width=300, height=300, top=300, left=300' );
}
</script>