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的SDK.

以下是对每个文档的官方文档的引用:

• Facebook(您可以在URL重定向部分下看到它)
• Twitter(你也可以使用这里描述的https://twitter.com/intent/tweet)
• Google+(在"共享链接"部分下)