将Facebook Share按钮添加到静态HTML页面

Question

有没有办法将Facebook Share按钮添加到静态HTML页面？我已经实现了一个没有服务器端的简单网站,只是一堆html页面,我很容易添加一个Like按钮,因为它是用iFrame元素实现的.我在发布之前已经搜索了关于Share Button的解决方案,但是找不到任何东西.

(可以在YouTube视频网站上的每个视频的共享部分上看到共享按钮的示例.)

任何帮助表示赞赏.

Answer 1

您应该可以在此处生成自己的按钮代码:http://developers.facebook.com/docs/reference/plugins/like/

Answer 2

这应该可以解决您的问题:FB Share按钮/对话框文档 一般来说,您可以使用普通的HTML代码并使用CSS设置样式,或者您可以使用Javascript.

这是一个例子:

<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fparse.com" target="_blank" rel="noopener">
    <img class="YOUR_FB_CSS_STYLING_CLASS" src="img/YOUR_FB_ICON_IMAGE.png" width="22px" height="22px" alt="Share on Facebook">
</a>

用您自己的选择替换https%3A%2F%2Fparse.com,YOUR_FB_CSS_STYLING_CLASS和YOUR_FB_ICON_IMAGE.png,您应该没问题.

注意:为了您的用户安全,请使用指向FB的HTTPS链接,例如在a的href属性中.