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

Facebook share button app doesn't show og data

本文关键字：显示 og 数据 共享 按钮 应用程序 Facebook      更新时间：2023-09-26

我使用默认的facebook共享按钮来打开一个窗口，在人们的页面上共享链接。然而，我的日志数据没有显示出来。它只是显示默认数据。这是我正在使用的页面源。。。

<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>

在页面上包含JavaScript SDK一次，最好是在打开标记之后。

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

好的，试着把所有的部分组装成这段代码，你可以用它来替换你为共享按钮包含的代码：

<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>

<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数据。稍后谢谢我。

相关文章：