ツイッターの公式ウィジェット切り替えでトラブル発生

　先日、次のようなツイートを見た。

要注意：この画像のように"Join the conversation"と書いてある公式ウィジェットがAPI v1とともに3月5日から動作しなくなります。 twitter.com/twj_dev/status…

— twj_devさん (@twj_dev) 1月 7, 2013

このウィジェットをお使いの場合は早めに dev.twitter.com/docs/embedded-… に紹介されているウィジェットに切り替えをおすすめします。

— twj_devさん (@twj_dev) 1月 7, 2013

　この私のブログにはツイッターの「"Join the conversation"と書いてある公式ウィジェット」が設置してあって、3/5に動作しなくなるのなら、新しいウィジェットに切り替えなければいけない。ツイートのリンク先が英語なので躊躇していたが、ツイッター公式の「設定」ページで「ウィジェット」をクリックして「新規作成」ボタンを押せば作れることを知り、幅を220pxに、高さを600pxに変えて（参考）設置した。

　不満はあるがウィジェットの切り替えが済んだと思っていたのだが、IE8で見たらウィジェットを作成した時のサンプル画面と異なり、フッター部分の背景が白くなっている。私はFirefox 18.0で作業していた。
　どうやら、その現象は私のブログでしか見られない。ソネブロ以外に設置した場合（例）は問題ない。私のブログはスタイルシートなどを大幅に改造してあるので、全く改造してないソネブロでは大丈夫なのかもしれないとブログを作って確認したら、やはり、IE8で見るとフッタの背景色が白くなっていた。

Firefoxで見た時の例。（画像をクリックすれば拡大する）

IE8で見た時の例。（画像をクリックすれば拡大する）

　ソネブロ全体で起こる現象のようだった。スタイルシートを変えてみるなど、その原因を探して丸一日費やしたのだが見つからなかった。整理のためにフッタが白くならないページの例を作った後に、偶然、IE8のツールバーの[互換表示]ボタンを押してしまった。すると、正常だったウィジェットのフッタの背景色が白くなった。もしかしたらソネブロが自動的に互換表示されるようにしてしまったのではないかと、コマンドバーの「ツール」→「互換表示設定」で確認した。「互換表示に追加したWebサイト」にはソネブロだけでなく何も含まれていなかった。念のために「マイクロソフトからの更新されたWebサイト一覧を含める」のチェックを外してみた。すると、ウィジェットのフッタの背景色はFirefoxで見た時に近い黒っぽい正常な色に戻った。

（クリックで拡大）

　結局、ソネブロがIE8で自動的に互換表示になっていたことが原因だった。実は、同じようなトラブルは既に経験していて、2009/10/25のブログにも書いた。→【IE8で自動的に互換表示されていた】
　すっかり忘れていた。
　同じようなトラブルで悩んでいる人がいたら参考にしてほしい。
　ちなみに、IEの互換表示はツイッターのタイムラインをモバイル用で表示してしまうトラブルも起こすようである。気を付けてほしい。

　ところで、ソネブロにもTwitterウィジェットコンテンツがある。→【Twitterウィジェットコンテンツ公開のお知らせ】。
　しかし、「"Join the conversation"と書いてある公式ウィジェット」である。3/5には動作しなくなるので、コンテンツも新しい公式ウィジェット対応に切り替える必要があるだろう。

追記（2013/2/22）：
　新しい公式ウィジェットが設置されたブログやニュースをThunderbird 17.0.3で表示した場合、自動的にブラウザが起動して【jot (GIF 画像, 1x1 px)】が開く。また、この記事のようにツイッターの公式機能である「ツイートをサイトに埋め込む」でツイートを引用したページをThunderbird 17.0.3で表示しても、【jot (GIF 画像, 1x1 px)】が開く。
　この現象はThunderbirdのオプションの設定エディタ（about:config）で「javascript.enabled」の値が「true」になっているのを「false」にすることで防げるようである。ただし、ブラウザで表示した場合と異なる表示になる。ブラウザで表示されているようにThunderbirdでも表示したい場合は勝手にブラウザが起動して【jot (GIF 画像, 1x1 px)】が開くことを我慢するしかない。
　ソネブロが提供している旧式のウィジェットであれば、このような不愉快な現象は起きない。私のブログでも旧式に戻そうかと思ったが、旧式が使えなくなるのなら新しい方を利用するしかない。私のブログをThunderbirdで表示している方には申し訳ないが、ご了承願いたい。
　ところで、ブラウザを勝手に起動して【jot (GIF 画像, 1x1 px)】を表示するスクリプトは【widgets.js】ではないかと思う。スクリプト内を「r.twimg.com/jot」で検索すれば該当箇所が分かると思う。私は実際に確認してないが、興味のある方は参考にしてほしい。

タグ：IE8 互換表示 ウィジェット ツイッター 不具合