2015/11/14
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の部分については、そのままでもエラーは出ないが、こちらもエンコードしてあげた方が良いみたいだ。
この記事の件、知ってる人にとっては当たり前の事っぽいが、恥ずかしながら、私は解決までにかなりの時間を要してしまった。中々詳しくはならないもんだ。