Z "obrazem" w oknie kanału na Facebooku nieaktualne, jak mogę opublikować link do obrazu?

Question

Korzystam z okna dialogowego kanału na Facebooku, aby umożliwić użytkownikom witryny udostępnianie treści na swoim kanale Facebook. W ich kanale znajduje się obraz, który służy jako link do strony w mojej witrynie, z tekstem poniżej (nazwa, podpis i pola opisu). Wszystkie te elementy - obraz, nazwa, podpis i opis są teraz przestarzałe i przestają działać 17 lipca. Czy istnieje inny sposób osiągnięcia tej funkcji przy użyciu innej metody?

Answer 1

Musisz użyć metody akcji Open Graph opisanej na dole tej strony. here in the FB dev docs.

wywołać Podziel Dialog użyciu funkcji FB.ui z metodą parametru share_open_graph aby udostępnić historię Open Graph.

Spróbuj to w kodzie, aby określić własny obraz, tytuł, opis lub link na swojej akcji 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.stopPropagation(); 
      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);