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编码”网址中的所有文字以避免问题。

它不需要任何SDK的SDK。

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

Facebook（您可以在URL redirection部分下看到）
Twitter（您也可以使用https://twitter.com/intent/tweet所述的here）
Google+（在“共享链接”部分下）

Facebook共享按钮的自定义图像

1 个答案: