0

我想在我的网站上放置一个按钮，该按钮将打开一个弹出窗口，供用户在其个人资料中分享网址。

点击“获取代码”后，我按照此处显示的步骤操作：

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 开发者上注册吗？我需要在 中包含一些 javascript src<head>吗？

在推特上很简单，你只需要从这里获取代码

编辑：我想要类似 youtube facebook 分享的东西。

4

1 回答 1

2

正如评论中所指出的，不知何故，Facebook 建议的默认方法不起作用，或者更确切地说，共享按钮文档建议的方式不够清楚。建议的这个答案似乎有效。请注意，您将需要一个 Facebook 应用 ID。

或者，这个答案允许一个简单的链接，然后您必须使用 CSS 设置自己的样式，这个替代方案的好处是使共享按钮在设计上与您的网站一致，如果您只想要香草蓝色 Facebook 按钮，然后继续这个答案。

Squarespace 还详细介绍了添加类似 facebook 的按钮的默认方式，我尝试让它在jsFiddle中工作没有成功。

  1. 获取 AppID 并将 Facebook 脚本嵌入您的网站。

    • 这一步在官方文档中有详细的说明，你只需生成自己的 AppID 然后复制粘贴脚本代码（通常在<body>tag.

  2. 如本答案中所述，为下一段代码添加 jQuery 库。

  3. 分享对话框脚本：

-

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

还可以添加更多参数来自定义按钮。

最后，添加您想要成为共享按钮的图像/元素：

就像是：<img src = "share_button.png" id = "share_button">

于 2015-05-22T14:59:41.207 回答