Facebook分享按钮大尺寸

时间:2016-11-14 13:22:12

标签: html5 facebook

使用Facebook推荐创建分享按钮(https://developers.facebook.com/docs/plugins/share-button),我实际上可以显示一个简单的按钮。

在文档中,有一个简单的属性(data-size)可用于自定义按钮的大小,但设置为large时它似乎没有任何效果:

<html>
    <head>
        <title>Your Website Title</title>
    </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&version=v2.8";
             fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));</script>

        <!-- Your share button code -->
        <div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button" data-size="large" data-mobile-iframe="false">
            <a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse">
                Share
            </a>
        </div>
    </body>
</html>

请注意,此代码只是来自facebook doc的复制/粘贴,甚至可以使用&#34;分享按钮配置器&#34;显示一个更大的按钮,这个选项是否已被弃用?

顺便说一下,我知道有很多解决方案可以解决按钮的问题,我希望尽可能远离这个。

编辑:似乎只有在登录Facebook时才能正常工作

0 个答案:

没有答案