LinkedIn共享按钮从URL中删除QueryString

时间:2019-02-01 07:19:29

标签: html share linkedin query-string

尝试创建与LinkedIn的共享按钮,该按钮指向末尾带有查询字符串的页面。

  1. 如您所见,代码包含URL:

    • https://stackoverflow.com/users/8757883/akber-iqbal?tab=summary
  2. ,但转到LinkedIn网站后,URL变为:

    • https://stackoverflow.com/users/8757883/akber-iqbal?tab
  3. 查询字符串部分已删除,问题是:是否仍然可以解决此问题?

a i {color:#000}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/users/8757883/akber-iqbal?tab=summary">
<i class="fa fa-linkedin-square" style="font-size:36px"></i>
</a>

2 个答案:

答案 0 :(得分:1)

这是工作示例:

  

将您的 = 转换为%3D

tab%3Dsummary

这是link来编码您的字符。

a i {color:#000}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/users/8757883/akber-iqbal?tab%3Dsummary">
<i class="fa fa-linkedin-square" style="font-size:36px"></i>
</a>

答案 1 :(得分:0)

确实有效...

原始问题中的唯一问题是最后的“ =”。让我解释一下...

这是LinkedIn的基本URL,您只需将要共享的URL添加到该URL的末尾。您要共享的页面的URL不能包含“ =”,因此您只需将任何“ =”(从您的共享URL,而不是基本URL)替换为“%3D”。

这部分很好:
https://www.linkedin.com/shareArticle?mini=true&url=

这部分不能有“ =”。在其位置使用“%3D”:
https://stackoverflow.com/users/8757883/akber-iqbal?tab%3Dsummary

已修复:

<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/users/8757883/akber-iqbal?tab%3Dsummary">

我的CodePen上的示例:https://codepen.io/ckschmieder/pen/PoNmwya