如何在点击按钮时显示我的Facebook对话框？

问题描述：

我想添加一个按钮到我的网站，点击后，将弹出一个Facebook对话框，以便用户可以发布消息到他们的Facebook时间表。如何在点击按钮时显示我的Facebook对话框？

我一直在阅读文档我认为我的代码是正确的，但按钮不起作用。当我点击按钮什么都没有发生。

我的代码：

<html> 

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

      function post_to_facebook() 
      { 
       window.fbAsyncInit = function() { 
       FB.init({ 
        appId  : '********', 
        status  : true, 
        xfbml  : true 
       }); 
       FB.ui(
        { 
        method: 'feed', 
        name: 'The Facebook SDK for Javascript', 
        caption: 'Bringing Facebook to the desktop and mobile web', 
        description: (
         'A small JavaScript library that allows you to harness ' + 
         'the power of Facebook, bringing the user\'s identity, ' + 
         'social graph and distribution power to your site.' 
        ), 
        link: 'https://developers.facebook.com/docs/reference/javascript/', 
        picture: 'http://www.fbrell.com/public/f8.jpg' 
        }, 
        function(response) { 
        if (response && response.post_id) { 
         alert('Post was published.'); 
        } else { 
         alert('Post was not published.'); 
        } 
        } 
       ); 
       }; 

       (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"; 
       fjs.parentNode.insertBefore(js, fjs); 
       }(document, 'script', 'facebook-jssdk')); 
      } 
     </script> 

    <input type="button" onclick="post_to_facebook()" value="Post my score to Facebook" /> 
    </body> 
    </html>

这里是我的浏览器的截图后，我按一下按钮： enter image description here

你可能想从这个帖子中删除你的appId .... –

谢谢你，我忘了。 – user1180596

浏览器控制台中是否有任何错误？在chrome或firefox中点击ctrl + shift + i打开开发者工具，点击控制台标签。 –

答

你在本地计算机上测试？尝试将该页保存在服务器上，然后打开它。它应该工作。

啊，是的，我是。我需要把它放在正确的领域。 – user1180596

如何在点击按钮时显示我的Facebook对话框？

相关推荐