えいきゅうのやみ

日々の出来事、感想、備忘録等、気ままな日記帳

自作twitterボタン設置時にエラーや文字化けが発生する原因

time 2015/11/28

自作twitterボタン設置時にエラーや文字化けが発生する原因

twitterボタンを自作して動作させると、ブラウザによっては、400エラーがでたり、表示させたい文字が文字化けすることがある。

私の場合、以下の様にリンクを記述したところ、Google Chromeだと問題なく動くが、Internet Explorerではリンクをクリックすると400エラーが出るというトラブルが発生した。

<a href=”http://twitter.com/share?text=本心本音で参ります&url=https://futuno-nikki.link/” target=”_blank” rel=”nofollow” title=”このページをツイート”>twitter</a>

これは、URL中に直接日本語(赤文字部分)を突っ込んだ事が原因だった。

色々と調べた結果、”本心本音で参ります”の部分を 以下のサイトで”UTF-8”にエンコードしたものに差し替えると、バッチリ動作することを確認。

便利ツール(外部サイト)

なお、サイトURLの部分については、そのままでもエラーは出ないが、こちらもエンコードしてあげた方が良いみたいだ。

この記事の件、知ってる人にとっては当たり前の事っぽいが、恥ずかしながら、私は解決までにかなりの時間を要してしまった。中々詳しくはならないもんだ。

down

コメントする




スポンサーリンク

管理人

マスクドライダー17号

マスクドライダー17号

ゲームとポイントサイトをこよなく愛するおっさんブロガー。心に闇を抱えている。

最近のコメント

姉妹サイト

ポイントサイト研究所
各ポイントサイトの詳しい解説や体験記など