Facebook 分享按钮的自定义图像

Question

我已经在互联网上搜索了一段时间，但找不到任何有用的东西。我想将我自己的自定义图像用于共享按钮，但每当我尝试包围图像时，共享按钮就会消失。抱歉信息不足，因为我是 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 中的所有文本进行“url 编码”以避免出现问题。

而且它们都不需要 SDK。

---

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

• Facebook（你可以在URL redirection部分看到它）
• Twitter（您也可以使用https://twitter.com/intent/tweet，如here所述）
• Google+（在分享链接部分）