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，最好是在开始标记之后。

Facebook SDK for JavaScript提供了丰富的客户端功能，用于添加社交插件，进行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 个答案: