如何在共享链接时在News Feed中获取更大的图像

时间:2013-09-30 20:31:01

标签: facebook facebook-graph-api facebook-sharer

我有一个使用Facebook Feed and Share对话框的页面。我在这个文档页面上看到,有一种方法可以将更大的图像放入新闻源,而不是典型的缩略图。 https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/#images

我不确定我做错了什么,但我的图像似乎从未出现过更大的格式。它总是微小的缩略图。这是我的代码。不确定我做错了什么。

起初我认为我的share.jpg图片太大了(大约是1900x1200)所以我把它调整到Facebook说使用的最低规格(1200x630),我仍然最终得到了这个小缩略图。

这是我的FB.ui函数..

$(".facebook").bind("click", function(event){
 event.preventDefault();
 FB.ui({
  method: 'feed',
  //link: encodeURIComponent(shareURL),
  link: shareURL,
  caption: 'An example caption',
  picture: 'http://www.example.com/beta/share.jpg'
 }, function(response){});  
});

以下是<body>

之后页面上的内容
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : 'XXXXXXXXXXXX',                        // App ID from the app dashboard
      channelUrl : '//www.example.com/beta/channel.html', // Channel file for x-domain comms
      status     : true,                                 // Check Facebook Login status
      xfbml      : true                                  // Look for social plugins on the page
    });

    // Additional initialization code such as adding Event Listeners goes here

  };


  // Load the SDK asynchronously
  (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/all.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));


</script>

1 个答案:

答案 0 :(得分:0)

我想我可能已经弄明白了。看起来更大的图像只适用于手机和新的新闻Feed(我还没有... WTF?LOL)