2014-04-10 65 views
0

我使用默认的Facebook分享按钮来弹出一个窗口,以共享人们页面上的链接。但是,我的数据没有显示出来。它只是显示默认数据。下面是我使用的页面源代码...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> 

回答

0

添加JavaScript SDK页面上一次,开放标签后非常正确的。

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

+0

我试过了,但结果是一样的。有一个我可以使用,这不是一个实际工作并显示正确数据的弹出窗口。 Share on Facebook

+0

问题是我需要它是一个弹出窗口 –

0

好吧,尝试组装所有部件此位的代码,你可以用它来代替你包括为分享按钮的代码:

<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> 
0
<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数据。 以后再次感谢我。