需要编码垂直酒吧/管道在Blogger标题在URL中使用HTML时的URL分享按钮在帖子

Question

我想在网址的Blogger标题中编码垂直酒吧，因为当我在帖子上推动HTML tweet按钮时，Twitter的流行-up窗口不显示任何推文。但是，当我将垂直条编码到％7C时，一切正常。

例如，MSNBC使用垂直条在Youtube上分割他们的标题，我自动将他们的视频嵌入到我的一个博客中。看到这里：

总统唐纳德特朗普的星期五鸣叫：'伊朗正在玩火'| 上午乔| MSNBC

https://us-gov.blogspot.com/2017/02/president-donald-trumps-friday-tweet.html

但如果有人试图鸣叫后，他们得到了一个空白页面的URL https://twitter.com/share?url=https://us-gov.blogspot.com/2017/02/president-donald-trumps-friday-tweet.html&text=President%20Donald%20Trump%27s%20Friday%20Tweet:%20%27Iran%20Is%20Playing%20With%20Fire%27%20|%20Morning%20Joe%20|%20MSNBC

但是，如果我编码竖条％7C，Twitter的窗口工作正常。

https://twitter.com/share?url=https://us-gov.blogspot.com/2017/02/president-donald-trumps-friday-tweet.html&text=President%20Donald%20Trump%27s%20Friday%20Tweet:%20%27Iran%20Is%20Playing%20With%20Fire%27%20%7C%20Morning%20Joe%20%7C%20MSNBC

我只是想知道是否有防止这种情况在我的博客模板的HTML代码中发生的一种简单的方法。或者如果有一个简单的脚本可以使用。

感谢。

Answer 1

而不是使用目前的股价URL是形式 -

<a expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title' aria-label='' class='resp-sharing-button__link' rel='nofollow' target='_blank'>Twitter</a> 

使用Blogger提供的本地共享URL生成 -

<a expr:href='&quot;https://www.blogger.com/share-post.g?blogID=&quot; + data:blog.blogId + &quot;&amp;postID=&quot; + data:post.id + &quot;&amp;target=twitter&quot;' aria-label='' class='resp-sharing-button__link' rel='nofollow' target='_blank'>Twitter</a> 

，这将产生形式的URL -

https://www.blogger.com/share-post.g?blogID=BLOGID&postID=POSTID&target=twitter 

这会自动重定向到Twitter共享窗口自动填充帖子的标题和网址。帖子的标题将被转义。这种共享URL生成器还可以用于生成共享网址等社交网络，以及（又名facebook，pinterest，email，googleplus通过更换target参数）

这之中，你不能将用户添加到的缺点关注或添加标签，就像您在构建Twitter共享URL时通常所能做的那样。