所有社交分享按钮(链接)删除 URL 中哈希后的参数

Posted

技术标签:

【中文标题】所有社交分享按钮(链接)删除 URL 中哈希后的参数【英文标题】:All social share buttons (links) removing parameter after hash in URL 【发布时间】:2014-01-03 15:59:59 【问题描述】:

我在分享 URL 中包含 #id 参数的链接时遇到了很大的麻烦。

网址示例:

http://localhost/mysite/20/civitas-animum-genito-invenit-solutionem-ascendens-piratae?show=36#a36

所以这里所有社交渠道在#36之前发布网址

http://localhost/q2a-16/20/civitas-animum-genito-invenit-solutionem-ascendens-piratae?show=36

这很重要,因为#36 是子内容的 id(锚点跳转)

所有分享链接(按钮)

$this->output('<a class="btn btn-tweet" target="_parent" href="javascript: void(0)" onClick="window.open(\'https://twitter.com/share?text='.$title.'&url='.$url.'&via=ME_HERE&wrap_links=true\', \'tweet\', \'toolbar=0,status=0,width=548,height=325,resizable=yes\');" ><i class="fa fa-twitter"></i></a>');        
$this->output('<a class="btn btn-facebook" href="javascript: void(0)" onClick="window.open(\'http://www.facebook.com/sharer.php?u='.$url.'\', \'sharer\', \'toolbar=0,status=0,width=548,height=325,resizable=yes\');" target="_parent"><i class="fa fa-facebook"></i></a>');        

$this->output('<a class="btn btn-google" href="https://plus.google.com/share?url='.$url.'" onclick="javascript:window.open(this.href, \'\', \'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600\');return false;"><i class="fa fa-google-plus"></i></a>');  

$this->output('<a class="btn btn-linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url='.$url.'&title='.$title.'&summary='.$desc.'&source='.$url.'" onclick="javascript:window.open(this.href, \'\', \'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600\');return false;"><i class="fa fa-linkedin"></i></a>'); 

任何获取完整 URL 的解决方案,包括 #id

【问题讨论】:

使用 Google URL Shortener 解决问题 【参考方案1】:

试试%23而不是#,它会起作用的!

http://localhost/mysite/20/civitas...piratae?show=36%23a36

【讨论】:

我已经解决了这个问题,但是忘记在这里更新了。对此感到抱歉,再次感谢您的帮助。 截至 2015 年 7 月,这似乎对我不起作用?我在浏览器的 URL 栏中看到打印了 %23,但在共享窗口的实际输入框中没有看到它打印出来。

以上是关于所有社交分享按钮(链接)删除 URL 中哈希后的参数的主要内容,如果未能解决你的问题,请参考以下文章

django 社交分享按钮图标

具有不同链接的多个社交分享按钮

php 社交分享按钮+评论链接

如何使社交按钮与 location.hash 一起使用

社交分享计数器重置所有博客文章

如何在 phonegap 中添加社交分享按钮