网页上的LinkedIn分享按钮

时间:2017-09-12 19:41:28

标签: html css icons linkedin social-media

我有一个设计,我试图在网页上复制:

enter image description here

现在我可以在以下代码中获取此代码(也在此fiddle中):

<div style="display:inline-block;vertical-align:top">
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.awardwinnersonly.com" data-text="Czech out the books, movies, and music that won major awards" data-via="BClayShannon">Tweet</a>
    <script>
        ! function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0],
                p = /^http:/.test(d.location) ? 'http' : 'https';
            if (!d.getElementById(id)) {
                js = d.createElement(s);
                js.id = id;
                js.src = p + '://platform.twitter.com/widgets.js';
                fjs.parentNode.insertBefore(js, fjs);
            }
        }(document, 'script', 'twitter-wjs');
    </script>
</div>
<div style="display:inline-block;vertical-align:top" class="fb-like" data-href="http://www.awardwinnersonly.com" data-send="false" data-width="450" data-show-faces="false" data-font="segoe ui">
</div>
<iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&layout=button&size=small&mobile_iframe=true&width=59&height=20&appId" width="59" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<g:plus action="share" href="https://www.example.com"></g:plus>

但不是LinkedIn按钮。我尝试直接从their code generator放置它,但由于某种原因它不起作用。

生成的代码如下:

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share"></script>

我想知道,我是否正在使用上面突出显示的LinkedId按钮显示正确的代码?

1 个答案:

答案 0 :(得分:0)

为简化给出的fiddle of the user的实际答案,

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share"></script>

但是,所有这一切都产生了一个链接到...的按钮。

https://www.linkedin.com/sharing/share-offsite/?url={url}

来源: Official Microsoft LinkedIn Sharing Documentation.

我发现简单地使用<a href ...>链接和<img ...>标签即可解决此问题。这听起来比导入整个JavaScript库要容易。