Facebook 分享按钮的自定义图像

Question

我已经在 Internet 上搜索了一段时间，但找不到任何有用的东西。我想为共享按钮使用我自己的自定义图像，但每当我尝试包围图像时，共享按钮就会消失。抱歉缺少信息，因为我是 Facebook SDK 的新手。非常感谢任何帮助，谢谢。

我目前拥有的代码：

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"><img src="Images/Icons/facebook.png" class="link"></div>

Answer 1

这段代码对我来说很好用：

<!-- facebook -->
<img src="[YOUR_FACEBOOK_PIC]" alt="Share on Facebook" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent('[YOUR_PAGE_URL]'),'facebook-share-dialog','width=626,height=436'); return false;">

<!-- twitter -->
<img src="[YOUR_TWITTER_PIC]" alt="Share on Twitter" onclick="javascript:window.open('https://twitter.com/share?text=[SOME_TEXT_TO_PREPOLUTATE_TWEET]&amp;url=[YOUR_PAGE_URL]','Twitter-dialog','width=626,height=436'); return false;">

<!-- google+ -->
<img src="[YOUR_GOOGLE_PIC]" alt="Share on Google Plus" onclick="window.open('https://plus.google.com/share?url=[YOUR_PAGE_URL]','Google-dialog','width=626,height=436'); return false;">

只需替换括号之间的文本，不要忘记 "url encode" url 中的所有文本以避免出现问题。

而且它们都不需要 SDK。

以下是它们各自的官方文档参考：

Facebook (you can see it under the URL redirection节)
Twitter (you could also use https://twitter.com/intent/tweet as described here)
Google+（在分享 Link 部分下）

Facebook 分享按钮的自定义图像

Custom image for Facebook share button

html

javascript

css

facebook