オリジナルの画像でツイートボタンを設置したいと考えています。


<a href="http://twitter.com/share?url=共有したいURL&text=ツイート内に含める文字&via=ツイート内に含まれるユーザー名&related=関連アカウント"><img src="使いたい画像のURL" alt="Scriptが読み込まれなかった場合に表示される文字" /></a>

上記のような形式で設定しようとしているのですが、textパラメータ内に|(バーティカルバー)がある場合、ツイート画面が真っ白になって開いてくれなくなります。
バーティカルバーを使用する場合は、エスケープ処理や、数値参照による記述などが必要なのでしょうか…?

ご存知でしたら教えて頂けますと助かります!
よろしくお願いいたします。

参考サイト:http://leoroid64.blogspot.jp/2011/12/blog-post.html

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2015/12/21 21:50:04

回答0件)

回答はまだありません

  • id:rouge_2008
    はてなのツイートボタンの場合は、URLエンコード(UTF-8のパーセントエンコード)されています。
    バーティカルバーは「%7C」のようです。(ASCIIコードは共通です。)

    ・URIで使用できる文字
    http://www.asahi-net.or.jp/~ax2s-kmtn/ref/uric.html


    例) 以下はこの質問のツイートボタンの「-」をバーティカルバーに変更したものです。

    https://twitter.com/intent/tweet?original_referer=http%1A%2F%2Fq.hatena.ne.jp%2F1450097180&ref_src=twsrc%5Etfw&text=%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E3%81%AE%E7%94%BB%E5%83%8F%E3%81%A7%E3%83%84%E3%82%A4%E3%83%BC%E3%83%88%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%A8%AD%E7%BD%AE%E3%81%97%E3%81%9F%E3%81%84%E3%81%A8%E8%80%83%E3%81%88%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%E2%80%A6%20%20%7C%20%E4%BA%BA%E5%8A%9B%E6%A4%9C%E7%B4%A2%E3%81%AF%E3%81%A6%E3%81%AA&tw_p=tweetbutton&url=http%3A%2F%2Fq.hatena.ne.jp%2F1450097180
  • id:sheepsace
    コメントありがとうございます!
    URLエンコードする必要があるのですね。
    encodeURIComponentを使ってURLエンコードし、無事バーティカルバーを含む文言もツイートできるようになりました。

    参考サイト:http://logic.moo.jp/data/archives/438.html

    ありがとうございました!

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません