Facebook 分享不将图像发布到用户墙上

Question

我正在尝试将网页中的图像和内容分享到用户的 FB 墙上，但它没有发布。图像显示在共享弹出窗口中，但未显示在用户的墙上。为此，我有以下代码。在头部我有

<meta property="og:url" content="http://objdevelopment.com/notice/ddfdf" />
<meta property="og:type" content="website" />
<meta property="og:title"  content=" Notice of Passing" />
<meta property="og:description"   content="Notice of Passing " />
<meta property="og:image" content="http://objdevelopment.com/notice/wp-content/uploads/65a4465e9258729f8085c4d780700dad.jpg" />

在 HTML 我有

 <div id="fb-root"></div>

 <script type='text/javascript'>

  (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 = "http://connect.facebook.net/en_US/sdk.js#version=v2.3&appId=937475996303874&status=true&cookie=true&xfbml=true";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<!-- Your share button code -->
<div class="fb-share-button" data-href="http://objdevelopment.com/notice/onope/ddfdf/" 
    data-layout="button_count">
</div>

它是这样显示的http://www.awesomescreenshot.com/image/510674/5e1cdc7572ab3946a36a23ff2c49b014

单击“共享”按钮将在 window 之后打开 https://drive.google.com/file/d/0B54OjkhFLGPXNXI2MWgya1RRWFU/view?usp=sharing

墙上是这样显示的 http://www.awesomescreenshot.com/image/510678/ca4fc6be51aed2db5049b96546a6cd99

我的期望是： https://drive.google.com/file/d/0B54OjkhFLGPXdGluaF9PNzdEakk/view?usp=sharing

现场测试请访问

http://objdevelopment.com/notice/onope/ddfdf/

Answer 1

我查看了所提供页面的源代码，没有找到打开的图形元标记。您应该确保打印了这些元标记。

您在分享框上看到的是正确的图像，因为您在分享按钮的数据图像属性中指定了路径。但是 Facebook 使用爬虫从您的页面中提取内容以显示在墙上，并且该爬虫依赖于开放图元标记，而这些标记是缺失的

Answer 2

我认为你必须调试你的网站url，在这里你可以看到facebook分享的是什么图片。 (https://developers.facebook.com/tools/debug/)。请尝试一下。

Answer 3

在网络上找到一些资源并解决了这个问题。我用下面的代码来解决这个问题

HTML

<a class="fb-share-button fb_share"  href="#" data-href="[page_url]"  data-image="[image_url]" data-title="[Post_title]  " data-desc="[Post_description]" >   <i class="fa fa-facebook"></i> </a>

Javascript

<script>
/**FB SHARE**/

window.fbAsyncInit = function() {
FB.init({
    appId: 937475996303874,
    status: true,
    cookie: false,
    xfbml: true
});
};

(function(d, debug){var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];if   (d.getElementById(id)) {return;}js = d.createElement('script'); js.id = id; js.async = true;js.src = "//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js";ref.parentNode.insertBefore(js, ref);}(document, /*debug*/ false));

function postToFeed(title, desc, url, image) {
var obj = {method: 'feed',link: url, picture: image,name: title,description: desc};
function callback(response) {}
FB.ui(obj, callback);
}

var fbShareBtn = document.querySelector('.fb_share');
//fbShareBtn.addEventListener('click', function(e) {
jQuery('.fb_share').click(function(e){
e.preventDefault();
//alert();
var title = fbShareBtn.getAttribute('data-title'),
    desc = fbShareBtn.getAttribute('data-desc'),
    url = fbShareBtn.getAttribute('href'),
    image = fbShareBtn.getAttribute('data-image');
//console.log(image+ "Hello");
postToFeed(title, desc, url, image);

return false;
});
/**FB SHARE**/
</script>

在 Html 中用您自己的值替换 [ ] 之间的文本。

Facebook 分享不将图像发布到用户墙上

Facebook share not posting image to user wall

php

wordpress

facebook

facebook-graph-api

facebook-javascript-sdk