Tech Racho エンジニアの「?」を「!」に。
  • 開発

Twitterウィジェットで日本語検索対応

TwitterをWebページに埋め込むのに、簡単なのは公式ウィジェットを使うことです。

これを使えば、特定のキーワードにマッチするつぶやきをリアルタイムで取得できます。
http://twitter.com/goodies/widget_search

ところが、ここのプレビュー画面だと日本語検索に対応していますが、出力されたコードを設置すると、日本語キーワードを使った場合にエラーが出てしまいます。

例:「子育て」で検索した際のエラー
syntax error
http://search.twitter.com/search.json?q=-RT%20%u5B50%u80B2%u3066&callback=TWTR.Widget.receiveCallback_1&rpp=30&clientsource=TWITTERINC_WIDGET
Line 1

見て分かるとおり、URLエンコードの形式が変になっていますね。

この場合、読み込むwidget.jsをプレビュー画面と同じものに切り替えてあげれば動きました。

<!-- これなら日本語OK -->
<script src="http://twitter.com/javascripts/widgets/widget.js"></script>

<!-- このコードが生成されるが、これは日本語不可 -->
<script src="http://widgets.twimg.com/j/2/widget.js"></script>

非公式なので、変わるかもしれませんが・・・

CONTACT

TechRachoでは、パートナーシップをご検討いただける方からの
ご連絡をお待ちしております。ぜひお気軽にご意見・ご相談ください。