Question

我需要一个仅适用于FB的社交媒体插件。我需要FB的大份额按钮。我在几个网站上看过它，但我不知道它是哪一个。

我留下这个链接，告诉你我在说什么（文章开头和结尾的大FB按钮）：

http://www.viralnova.com/animals-eating-ice-cream/

有什么想法吗？

Answer 1

没有什么秘密可以做大事（这不是一个像按钮，那个分享按钮）按钮这一切都归结为Facebook开发人员工具的基本知识... < / p>

Facebook有Sharer接受GET参数u，这是您想要在时间轴上，朋友的墙上或私人网站上分享的网址消息......

分解

您可以为共享按钮创建新元素或包装器我将使用<a>，因为它们似乎可以快速方便地用于此目的。

<a class="fsl fsl-facebook" data-href="{URL_to_Share}" href="#">
   <span class="fa-facebook fa-icons fa-lg"></span>
   <span class="sc-label">Share on Facebook</span>
</a>

请注意data-href属性，因为您应将其替换为您要共享的网址

接下来我们需要一些JavaScript（jQuery）来让我们的分享按钮做点什么

$('.fsl-facebook').click(function(e){ // target all elements with fsl-facebook class in the DOM
    e.preventDefault(); // prevent scrolling to top or bottom, because href is set to # 
    var href = $(this).attr('data-href'); // get URL from the data-href 
    window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(href), "", "width=800, height=350"); // pop up a new window, it's prefered to urlencode the URL because of 2nd & 3rd GET parameter that can be found in some URLs (?a=1&b=2&c=3)
});

DEMO

Facebook喜欢带有大按钮的插件？

1 个答案: