在Twitter上与查询字符串共享URL

我正在尝试在电子邮件中放置Twitter分享链接。因为这是一封电子邮件，所以我不能依靠JavaScript，而必须使用“构建自己的” Tweet按钮。

例如，共享指向Google的链接：

<a href="http://www.twitter.com/share?url=http://www.google.com/>Tweet</a>

这很好。我遇到的问题是URL具有查询字符串时。

<a href="http://www.twitter.com/share?url=http://mysite.org/foo.htm?bar=123&baz=456">Tweet</a>

带有查询字符串的URL会混淆Twitter的URL缩短服务t.co。我已经尝试过以各种方式对URL进行编码，并且无法正常工作。我最近得到的就是这样做。

<a href="http://www.twitter.com/share?url=http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456">Tweet</a>

在这里，我仅对查询字符串进行了编码。当我这样做时，t.co成功地缩短了URL，但是按照缩短的链接，它将带您到编码的URL。我http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456在地址栏中看到了，并在浏览器中收到以下错误

未找到

在此服务器上找不到请求的URL /foo.htm?bar=123&baz=456。

我不知道如何解决这个问题。

编辑： 回复：onteria_

我尝试对整个URL进行编码。当我这样做时，Tweet中不会显示URL。

这将为您工作

http://twitter.com/share?text=text goes here&url=http://url goes here&hashtags=hashtag1,hashtag2,hashtag3

这是一个关于它的现场示例

http://twitter.com/share?text=在Twitter上分享即时消息＆url = https：//stackoverflow.com/users/2943186/youssef-subehi&hashtags=stackoverflow,example,youssefusf

可以使用https://twitter.com/intent/tweet代替来解决http://www.twitter.com/share。使用该intent/tweet功能，您只需对整个URL进行URL编码，就可以像超级按钮一样工作。

https://dev.twitter.com/web/intents

使用推特网络意图，这是简单的链接：

https://twitter.com/intent/tweet?url=<?=urlencode($url)?>

更多变量位于https://dev.twitter.com/web/tweet-button/web-intent

没有比这更简单的了：

<a href="https://twitter.com/intent/tweet?text=optional%20promo%20text%20http://example.com/foo.htm?bar=123&baz=456" target="_blank">Tweet</a>

您可以使用以下功能：

 function shareOnFB(){
       var url = "https://www.facebook.com/sharer/sharer.php?u=https://yoururl.com&t=your message";
       window.open(url, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
       return false;
  }


function shareOntwitter(){
    var url = 'https://twitter.com/intent/tweet?url=URL_HERE&via=getboldify&text=yourtext';
    TwitterWindow = window.open(url, 'TwitterWindow',width=600,height=300);
    return false;
 }


function shareOnGoogle(){
     var url = "https://plus.google.com/share?url=https://yoururl.com";
     window.open(url, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=350,width=480');
     return false;
}


<a onClick="shareOnFB()"> Facebook </a>
<a onClick="shareOntwitter()"> Twitter </a>
<a onClick="shareOnGoogle()"> Google </a>

您必须在网址中的查询字符串中将＆更改为％26

看这个：https : //dev.twitter.com/discussions/8616

我引用了所有方法。

快速将查询编码两次。

const query = a=123&b=456;
const url = `https://example.com/test?${encodeURIComponent(encodeURIComponent(query),)}`;


const twitterSharingURL=`https://twitter.com/intent/tweet?&url=${url}`

您不一定需要使用Intent，它可以对URL进行编码，它也可以与twitter共享一起使用。

如@onteria_所述，您需要对整个参数进行编码。对于其他遇到相同问题的人，您可以使用以下书签生成正确编码的URL。复制并将其粘贴到浏览器的地址栏中，以创建twitter共享url。将javascript:前缀复制到地址栏中时，请确保该前缀存在，Google Chrome在复制时将其删除。

javascript:(function(){var url=prompt("Enter the url to share");if(url)prompt("Share the following url - ","http://www.twitter.com/share?url="+encodeURIComponent(url))})();

JS Fiddle上的资源 http://jsfiddle.net/2frkV/

如果您在html网站上添加了手册，只需替换：

&

用

&

＆的标准html代码

Twitter现在允许您通过数据属性发送URL。这对我很有用：

<a href="javascript:;" class="twitter-share-button" data-lang="en" data-text="check out link b" data-url="http://www.lyricvideos.org/tracks?videoURL=SX05JZ4FisE">Tweet</a>

使用Twitter Intent资源https://dev.twitter.com/web/tweet-button/web-intent