这似乎是一个简单的问题,但是如何在Rails应用程序中使用Font Awesome实现基本的社交共享按钮。

我想在我的PostsController#Show上实现它们。

我开始研究它,认为它就像添加一个link_to一样简单-但很快就意识到它并不那么简单。

对于Twitter,您希望帖子的标题与URL一起包含在推文的正文中。我想Facebook也很相似。

奖励积分给任何人,也可以给每篇文章提供提示,包括如何包括WhatsApp共享-http://whatsapp-sharing.com/-。

最佳答案

当我看到您的回复时,我刚刚完成a small article on my site来回应您的评论。

使用以下HTML:

<!-- Twitter -->
<a href="http://twitter.com/home?status=SHAREMESSAGE" title="Share on Twitter" target="_blank" class="btn btn-twitter"><i class="fa fa-twitter"></i> Twitter</a>
 <!-- Facebook -->
<a href="https://www.facebook.com/sharer/sharer.php?u=SHAREMESSAGE" title="Share on Facebook" target="_blank" class="btn btn-facebook"><i class="fa fa-facebook"></i> Facebook</a>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=SHAREMESSAGE" title="Share on Google+" target="_blank" class="btn btn-googleplus"><i class="fa fa-google-plus"></i> Google+</a>
<!-- StumbleUpon -->
<a href="http://www.stumbleupon.com/submit?url=SHAREMESSAGE" title="Share on StumbleUpon" target="_blank" data-placement="top" class="btn btn-stumbleupon"><i class="fa fa-stumbleupon"></i> Stumbleupon</a>
<!-- LinkedIn -->
<a href="http://www.linkedin.com/shareArticle?mini=true&url=&title=&summary=SHAREMESSAGE" title="Share on LinkedIn" target="_blank" class="btn btn-linkedin"><i class="fa fa-linkedin"></i> LinkedIn</a>


用共享消息替换SHAREMESSAGE。对于WhatsApp和IOS,您可以使用以下命令:

<a href="whatsapp://send?text=SHAREMESSAGE">Share on WhatsApp</a>


但是,我在Stack Overflow上的其他地方读过,这在Android上不起作用。祝好运!

10-05 20:32
查看更多