在 Post 上使用 HTML Twitter 分享按钮时，需要在 URL 的 Blogger 标题中编码垂直 Bar/Pipe

Question

我试图在 url 秒内对 Blogger 标题中的竖线进行编码，因为当我在 post 上按下 html 推文按钮时，Twitter 的 pop-up window 没有显示任何推文。但是，当我将竖线编码为 %7C 时，一切正常。

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

President Donald Trump's Friday Tweet: 'Iran Is Playing With Fire' | Morning Joe | MSNBC

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

但是如果有人试图发推 post，他们会得到一个空白屏幕 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 window 工作正常。

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 共享 window，标题和 post auto-filled 的 URL。 post 的标题将被转义。此分享 URL 生成器还可用于为其他社交网络生成分享 URL（又名 facebook、pinterest、email、googleplus 通过替换 target 参数）

这样做的缺点是您无法像在构建 Twitter 共享时通常那样添加用户以关注或添加话题标签 URL。