3

我们正在使用基本的提要对话来实现在 Facebook 上的分享——标题、标题描述和图像。

正在拾取正确的图像,并在桌面、Facebook 的 Android 应用程序和移动网站上正确显示。

图像(它是一只手)正在被 iOS 拾取,但它也在被裁剪。

正确的图像被拾取并正确显示在桌面、Facebook 的 Android 应用程序和移动网站上。 截图 - 还不允许发布图片

背景

  • 图片为 Facebook 首选的 1500 x 1500
  • 我们使用的 og:image 标签并不完全符合 kosher(我正在使用准备性 CMS 并且控制有限),但我已经确认正在使用 Facebook 的调试器获取图像

代码

元标记是<meta name="og:image" content="/EasysiteWeb/getresource.axd?AssetID=135801">

页面:

    <div id="fb-root"></div>
    <script src="http://connect.facebook.net/en_US/all.js"></script>
    <a onclick="postToFeed(); return false;"><img src="/EasysiteWeb/getresource.axd?AssetID=133763" alt="Share on Facebook"/></a>
    <p id="msg" style="display: none;"></p>

    <script>
//<![!CDATA[    
      FB.init({appId: "app-id-removed-for-posting-to-SO", status: true, cookie: true});

      function postToFeed() {

        // calling the API ...
        var obj = {
          method: "feed",
          redirect_uri: "http://www.hospicecareweek.org.uk/countmein",
          link: "http://www.hospicecareweek.org.uk/countmein",
          picture: 'http://www.hospicecareweek.org.uk/EasysiteWeb/getresource.axd?AssetID=135801',
          name: "Hospice Care Week",
          caption: "I took the 'Count me in!' pledge for Hospice Care Week",
          description: "Take the ‘Count me in!’ pledge and spread the word about why hospice care counts."
        };

        function callback(response) {
          document.getElementById("msg").innerHTML = "Post ID: " + response["post_id"];
        }

        FB.ui(obj, callback);
      }
 //]]>   
    </script>
4

1 回答 1

0

我们目前有同样的问题。不确定您从哪里获得 1500x1500 作为推荐尺寸。文档说_

此帖子所附图片的 URL。图片必须至少为 50 像素 x 50 像素(但最好使用大于 200 像素 x 200 像素的图片)并且最大宽高比为 3:1

我们已经尝试了 90x90 和 200x200,iPhone 应用程序仍然会裁剪它。不过,其他地方都可以正常工作。

于 2013-07-24T01:10:33.750 回答