如何自定义/风格的Facebook分享按钮

-1

我搜索我试图这么多的方法来让我自己的风格的Facebook分享按钮（此按钮可以让你分享当前页面）如何自定义/风格的Facebook分享按钮

https://developers.facebook.com/docs/plugins/share-button/

由于该按钮是一个iframe，我们无法访问它并设计它，我明白这一点。但我不知道一些网站有不同风格的分享按钮？

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Your Website Title</title> 
 
    <!-- You can use Open Graph tags to customize link previews. 
 
    Learn more: https://developers.facebook.com/docs/sharing/webmasters --> 
 
    <meta property="og:url"   content="http://www.your-domain.com/your-page.html" /> 
 
    <meta property="og:type"   content="website" /> 
 
    <meta property="og:title"   content="Your Website Title" /> 
 
    <meta property="og:description" content="Your description" /> 
 
    <meta property="og:image"   content="http://www.your-domain.com/path/image.jpg" /> 
 
</head> 
 
<body> 
 
    <!-- Load Facebook SDK for JavaScript --> 
 
    <div id="fb-root"></div> 
 
    <script>(function(d, s, id) { 
 
    var js, fjs = d.getElementsByTagName(s)[0]; 
 
    if (d.getElementById(id)) return; 
 
    js = d.createElement(s); js.id = id; 
 
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1"; 
 
    fjs.parentNode.insertBefore(js, fjs); 
 
    }(document, 'script', 'facebook-jssdk'));</script> 
 

 
    <!-- Your share button code --> 
 
    <div class="fb-share-button" 
 
    data-href="http://www.your-domain.com/your-page.html" 
 
    data-layout="button_count"> 
 
    </div> 
 
</body> 
 
</html>

来源

2017-09-12 saifaldeen

你可以分享你的实现？ – bhansa

我已更新 – saifaldeen

https://stackoverflow.com/questions/9493988/how-to-trigger-facebook-like-button-from-custom-button – bhansa

很多网站都有自己的社交共享按钮的实现，不调用Facebook的API。这就是他们如何定制它。

例如，请查看The Next Web上的任何Arcticle。

此外，这个this的重复，它讨论了要使用自定义共享/类似按钮实际实现开放图API需要完成多少工作。

来源

2017-09-12 14:40:08 senojoeht

的风格社交按钮的唯一方法是创建自己与

可笑响应社交分享按钮

https://www.rrssb.ml/

来源

2017-09-12 15:03:33

https://rrssb.netlify.com/新网址 –

如何自定义/风格的Facebook分享按钮

回答

相关问题