在个人网站上插入 facebook 分享按钮
Inserting facebook share button on personal website
我想在我的网站上放置一个按钮，该按钮会打开一个弹出窗口，供用户在其个人资料中分享 url。
我按照显示的步骤 here，点击 'get code' 后：
1. Include the Javascript SDK on your page once, ideally right after the opening <body> tag.
2. Place the code for your plugin wherever you want the plugin to appear on your page.
但我得到一个没有按钮的空白 div。少了什么东西？我需要在 Facebook 开发者上注册吗？我需要在 <head> 中包含一些 javascript src 吗？
在推特上很简单，你只需要从here
获取代码
编辑：我想要类似 youtube facebook 分享的东西。
如评论中所述，Facebook 建议的默认方法无法正常工作，或者更确切地说，建议的 share button documentation suggests is not clear enough. This answer 似乎有效。请注意，您需要一个 Facebook 应用程序 ID。
或者，这个answer允许一个简单的link，然后你必须用CSS来设计自己的风格，这个替代有制作与您的网站设计一致的分享按钮的好处，如果您只想要香草蓝色的 Facebook 按钮，请继续这个答案。
Squarespace 还详细介绍了添加 facebook 按钮的默认方式，我试图让它在 jsFiddle 中工作但没有成功。
获取 AppID 并将 Facebook 脚本嵌入您的网站。
- 这一步在 official documentation 中有详细说明，您只需生成自己的 AppID，然后复制粘贴脚本代码（通常在
<body> 标记之后。
为下一段代码添加 jQuery 库，如 this answer 中所述。
分享对话框脚本：
-
<script type="text/javascript">
$(document).ready(function(){
$('#share_button').click(function(e){
e.preventDefault();
FB.ui(
{
method: 'feed',
name: 'This is the content of the "name" field.',
link: 'Your-blog-link',
picture: ‘http://yourpicture-here’,
caption: 'yourCaption',
description: short-description-here
message: ''
});
});
});
</script>
还可以添加更多参数来自定义按钮。
最后，添加image/element你想成为分享按钮：
类似于：<img src = "share_button.png" id = "share_button">
我想在我的网站上放置一个按钮，该按钮会打开一个弹出窗口，供用户在其个人资料中分享 url。
我按照显示的步骤 here，点击 'get code' 后：
1. Include the Javascript SDK on your page once, ideally right after the opening <body> tag.
2. Place the code for your plugin wherever you want the plugin to appear on your page.
但我得到一个没有按钮的空白 div。少了什么东西？我需要在 Facebook 开发者上注册吗？我需要在 <head> 中包含一些 javascript src 吗？
在推特上很简单，你只需要从here
获取代码编辑：我想要类似 youtube facebook 分享的东西。
如评论中所述，Facebook 建议的默认方法无法正常工作，或者更确切地说，建议的 share button documentation suggests is not clear enough. This answer 似乎有效。请注意，您需要一个 Facebook 应用程序 ID。
或者，这个answer允许一个简单的link，然后你必须用CSS来设计自己的风格，这个替代有制作与您的网站设计一致的分享按钮的好处，如果您只想要香草蓝色的 Facebook 按钮，请继续这个答案。
Squarespace 还详细介绍了添加 facebook 按钮的默认方式，我试图让它在 jsFiddle 中工作但没有成功。
获取 AppID 并将 Facebook 脚本嵌入您的网站。
- 这一步在 official documentation 中有详细说明，您只需生成自己的 AppID，然后复制粘贴脚本代码（通常在
<body>标记之后。
- 这一步在 official documentation 中有详细说明，您只需生成自己的 AppID，然后复制粘贴脚本代码（通常在
为下一段代码添加 jQuery 库，如 this answer 中所述。
分享对话框脚本：
-
<script type="text/javascript">
$(document).ready(function(){
$('#share_button').click(function(e){
e.preventDefault();
FB.ui(
{
method: 'feed',
name: 'This is the content of the "name" field.',
link: 'Your-blog-link',
picture: ‘http://yourpicture-here’,
caption: 'yourCaption',
description: short-description-here
message: ''
});
});
});
</script>
还可以添加更多参数来自定义按钮。
最后，添加image/element你想成为分享按钮：
类似于：<img src = "share_button.png" id = "share_button">