【问题标题】:LinkedIn share button on webpage网页上的LinkedIn分享按钮
【发布时间】:2018-02-21 09:02:57
【问题描述】:

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

现在我可以在下面的代码中得到这个(也在这个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 按钮?

【问题讨论】:

  • 如果您希望避免投反对票,我真的建议您尝试编辑您的问题,以便尽可能具体地解释您遇到的问题。检查每个平台的文档,并指出哪些内容不适合您。
  • @Oxfist 我已经编辑了我的问题。你现在可以检查吗?
  • 我刚刚在小提琴中添加了 LinkedIn 按钮 sn-p,我可以看到该按钮。到底什么不适合你?
  • 您要调试的代码必须在问题本身中,而不仅仅是在第三方站点中。请注意,从技术上讲,JSFiddle 的版权不允许我们将该代码编辑到您的问题中(尽管有人试图这样做的地方有一个待定的编辑)。您需要将该代码添加到您的问题中。
  • @user5447339 我很高兴,现在如果您希望实现共享计数,请不要编辑问题来询问。首先搜索是否已被询问,如果没有,则创建一个新问题,确保添加您正在使用的整个代码并明确指出您遇到的问题。

标签: html css icons linkedin social-media


【解决方案1】:

为了简化来自给定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.

我发现简单地使用&lt;a href ...&gt; 链接通过&lt;img ...&gt; 标记来解决这个问题更容易。这听起来比导入整个 JavaScript 库要容易。

【讨论】:

  • 为我节省了很多时间,感谢您的回答。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-10-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-19
相关资源
最近更新 更多