将我的网站发布到Facebook墙上

时间:2014-01-09 20:24:34

标签: javascript html facebook facebook-graph-api

我想在我的网站上嵌入一个facebook按钮,以便用户可以将页面发布到他们的Facebook墙上。

enter image description here

像这样的东西。我找不到一个很好的教程。如何嵌入这个并通过使用javascript使其成为可能?我已经制作了Facebook应用程序并获得了我的应用程序ID。不知道下一步该怎么做。任何帮助?

1 个答案:

答案 0 :(得分:0)

我今天第一次这样做了。

下一步是将开放图形值添加为头元素页面中的元标记。正如其他人所指出的,这些信息可以在开发者Facebook参考页面上找到。确保将“Facebook脚本”放在正文标记之后,否则您将收到大量错误,并且无法正常工作。

完成后,您可以使用Facebook的调试工具来测试它是否正常工作(也可在开发人员部分使用)。

同样,您需要确保在身体标记之后放置“Facebook脚本”,否则这不会对您的网页发布方式产生任何影响。

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

然后将其放在head元素中。

<head>
    <title>Hello World!</title>
    <meta property="fb:app_id" content="000000000000">
    <meta property="og:title" content="Hello World">
    <meta property="og:site_name" content="The Wonderful World of Hellos">
    <meta property="og:url" content="http://blahblahblah.com">
    <meta property="og:description" content="Check out how to say hello to the world!">
    <meta property="og:image" content="http://link-to-image.jpg">
</head>