web-dev-qa-db-ja.com

Facebookの「フィード」ダイアログの「画像」が非推奨になったため、画像リンクを投稿するにはどうすればよいですか?

Facebookのフィードダイアログを使用して、サイト上のユーザーがFacebookフィードのコンテンツを共有できるようにしました。彼らのフィードには、私のサイトのページへのリンクとして機能する写真があり、その下にテキスト(名前、キャプション、説明のフィールド)があります。これらすべて-画像、名前、キャプション、説明は廃止され、7月17日に機能を停止します。別の方法を使用してこの機能を実現する他の方法はありますか?

13
Liam Arbel

このページの下部 で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 );
34
elvismdev