게시물에 HTML Twitter 공유 버튼을 사용할 때 Blogger 제목에 세로 막대/파이프 인코딩 필요

Question

URL에 Blogger 제목의 세로 막대를 인코딩하려고합니다. 게시물에서 HTML 트윗 버튼을 누르면 Twitter의 팝 - 업 창에 트위터가 표시되지 않습니다. 그러나 세로 막대를 % 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에 수직 막대를 인코딩하는 경우, 트위터 윈도우가 잘 작동으로 빈 화면을 얻을 . 내 블로그 템플릿의 HTML 코드에 문제가 발생하지 않도록하는 쉬운 방법이 있다면

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

난 그냥 궁금 해서요. 또는 사용할 간단한 스크립트가있는 경우.

감사합니다.

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> 

사용 블로거가 제공하는 기본 공유 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이 자동으로 채워집니다. 게시물의 제목이 이스케이프됩니다. 이 공유 URL 발생기는 또한뿐만 아니라 다른 소셜 네트워크에 공유 URL을 생성하기 위해 사용될 수있다 (일명 facebook의 target 매개 변수를 대체하여 pinterest, email, googleplus)는 사용자를 추가 할 수 없습니다이 존재의

단점을 트위터 공유 URL을 만들 때 일반적으로 할 수있는 것처럼 해시 태그를 따르거나 추가하십시오.