web-dev-qa-db-fra.com

Avec «image» dans la boîte de dialogue de flux de Facebook obsolète, comment puis-je publier un lien d'image?

J'ai utilisé la boîte de dialogue de flux de Facebook pour permettre aux utilisateurs d'un site de partager du contenu sur leur flux Facebook. Sur leur flux, il y aurait une image qui sert de lien vers la page de mon site, avec du texte en dessous (champs de nom, de légende et de description). Tous ces éléments - image, nom, légende et description sont désormais obsolètes et cessent de fonctionner le 17 juillet. Existe-t-il un autre moyen d'obtenir cette fonctionnalité en utilisant une méthode différente?

facebookfacebook-graph-apifacebook-javascript-sdk
13
Liam Arbel

Vous devez utiliser la méthode d'actions Open Graph décrite au bas de cette page ici dans les documents de développement FB .

Déclenchez une boîte de dialogue de partage à l'aide de la fonction FB.ui avec le paramètre de méthode share_open_graph pour partager une histoire Open Graph.

Essayez ceci dans votre code pour spécifier une image, un titre, une description ou un lien personnalisé sur vos partages 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