WEB DESIGN (B)LOG

ノンプログラマーなWebデザイナーによるWordpress、HTML5、スマートフォンサイト制作関連などWebサイト制作に関するブログ

IEで画像置き換えしたTweetボタンのツイートの中のテキストが文字化けする

:twitter

Tweetボタンを画像置き換えする際、
ツイートの中の日本語テキストがIEで文字化けする現象が起きたので、
対策をメモ。

Tweetボタンの画像置き換えコード

今回はTweetボタンを以下のように任意の画像と差し替えました。
<a href="http://twitter.com/share?url=URL&text=ツイートの中のテキスト&lang=ja" target="_blank"><img src="画像パス" /></a>


Tweet内日本語テキストの文字化け対策


文字コードを「UTF-8」にして、
下記URLのツールでエンコードして「text=」にツイート内に入れたい日本語テキストを書き入れます。

URLエンコード・デコードフォーム

http://www.tagindex.com/tool/url.html

(いつもありがとうございます!)

これでOKです。

お薦めユーザーの説明なども日本語にする際はエンコードが必要です。

pagetop