Facebook共享按钮应用程序不显示og数据

Question

我正在使用默认的Facebook分享按钮来弹出一个窗口，以分享人们页面上的链接。 但是，我的og数据没有显示。 它只是显示默认数据。 这是我正在使用的页面来源...

<html>
<head>
<meta property="og:title" content="here is a title" />
<meta property="og:url" content="http://www.trivialgaming.com/index.htm" />
<meta property="og:image" content="http://www.trivialgaming.com/bleh.jpg" />
</head>

<body>


<div id="fb-root"></div>
<script>(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#xfbml=1&appId=424402201029167";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-share-button" data-href="https://www.trivialgaming.com/index.htm" data-type="button"></div>


</body>
</html>

Answer 1

将JavaScript SDK一次包含在您的页面中，最好在开始标记之后。

用于JavaScript的Facebook SDK提供了一组丰富的客户端功能，用于添加社交插件，进行API调用和实现Facebook登录。

Answer 2

好的，尝试将所有代码组装到以下这段代码中，您可以使用这些代码替换共享按钮中包含的代码：

<div id="fb-root"></div>
<script>(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#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<li id="social_facebook">
<div class="social_action">
<div class="fb-share-button" data-href="http://shopmoonfall.bigcartel.com{{ product.url       }}" data-type="button"></div>
</div>
</li>

Answer 3

<a title="Share on Facebook" href="javascript:void(0);" onClick="return share();" >Share with Facebook</a>
                <script  type="text/javascript">
                function share()
                {
                    FB.ui({ method: 'feed',
                    link: '//Link of the page',
                    picture: //image link,
                    name: 'Title',
                    caption: "//caption of the photo",
                    description: "//Description"
                    },function(response){
                        }
                    });
                }
                </script>

只需使用此代码，然后将您的代码放在有注释的地方即可。

您不需要添加OG数据。 晚点再谢我。

Facebook共享按钮应用程序不显示og数据

问题描述

3 个解决方案

解决方案1
0 2014-04-10 04:23:25

解决方案2
0 2014-04-10 06:02:07

解决方案3
0 2014-04-10 07:20:51

Facebook共享按钮应用程序不显示og数据

问题描述

3 个解决方案

解决方案1 0 2014-04-10 04:23:25

解决方案2 0 2014-04-10 06:02:07

解决方案3 0 2014-04-10 07:20:51

解决方案1
0 2014-04-10 04:23:25

解决方案2
0 2014-04-10 06:02:07

解决方案3
0 2014-04-10 07:20:51