【发布时间】:2017-07-28 16:12:30
【问题描述】:
我有 facebook 标签应用程序。里面有分享按钮
<p class="share-btn" id="button">share this</p>
<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 = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
window.fbAsyncInit = function () {
FB.init({
appId: 'app id',
cookie: true,
xfbml: true,
version: 'v2.8'
});
window.facebookShare = function (callback) {
var id = @Model.Id;
var options = ({
method: 'share',
href: 'https://www.facebook.com/my app url here&app_data=' + id
}),
status = '';
FB.ui(options, function (response) {
console.log(response);
if (response && !response.error_code) {
status = 'success';
$.event.trigger('fb-share.success');
} else {
status = 'error';
$.event.trigger('fb-share.error');
}
if (callback && typeof callback === "function") {
callback.call(this, status);
} else {
return response;
}
});
}
};
$('#button').on('click', function (e) {
e.preventDefault();
facebookShare(function (response) {
// simple function callback
//console.log(response);
});
});
// custom jQuery events
$(document)
.on('fb-share.success', function (e) {
window.location.href = "/Quiz/Finished";
})
.on('fb-share.error', function (e) {
//alert("fail");
});
</script>
此共享链接正常,但未添加缩略图。分享看起来像这样:
但在我的布局中,我有这些:
<meta property="og:url" content="http://www.your-domain.com/your-page.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Website Title" />
<meta property="og:description" content="Your description" />
<meta property="og:image" content="https://www.codeproject.com/KB/aspnet/AspnetPaths/SelectImage.png" />
我该怎么做?是否有机会使用选项传递图像?
【问题讨论】:
-
如果您希望 your URL 的元标记有任何效果,那么您必须共享 your URL。如果您愿意,可以将人类用户从那里重定向到您的页面标签。
标签: javascript html asp.net-mvc facebook facebook-sdk-4.0