Facebookのフィードダイアログを使用して、サイト上のユーザーがFacebookフィードのコンテンツを共有できるようにしました。彼らのフィードには、私のサイトのページへのリンクとして機能する写真があり、その下にテキスト(名前、キャプション、説明のフィールド)があります。これらすべて-画像、名前、キャプション、説明は廃止され、7月17日に機能を停止します。別の方法を使用してこの機能を実現する他の方法はありますか?
このページの下部 でFB dev docs で説明されているOpen Graphアクションメソッドを使用する必要があります。
FB.ui 関数とshare_open_graphメソッドパラメーターを使用してOpen Dialogストーリーを共有する共有ダイアログをトリガーします。
コード内でこれを試して、FB共有のカスタム画像、タイトル、説明、またはリンクを指定します。
// this loads the Facebook API
(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'));
window.fbAsyncInit = function () {
var appId = '1937011929814387';
FB.init({
appId: appId,
xfbml: true,
version: 'v2.9'
});
};
// FB Share with custom OG data.
(function($) {
$('.fb_share_btn').on('click', function (event) {
event.preventDefault();
event.stopImmediatePropagation();
// Dynamically gather and set the FB share data.
var FBDesc = 'Your custom description';
var FBTitle = 'Your custom title';
var FBLink = 'http://example.com/your-page-link';
var FBPic = 'http://example.com/img/your-custom-image.jpg';
// Open FB share popup
FB.ui({
method: 'share_open_graph',
action_type: 'og.shares',
action_properties: JSON.stringify({
object: {
'og:url': FBLink,
'og:title': FBTitle,
'og:description': FBDesc,
'og:image': FBPic
}
})
},
function (response) {
// Action after response
})
})
})( jQuery );