Widget の覚え書き

ちょっと前に（と言っても今年の始め頃の話だが…）TwitterのタイムラインWidgetと各ポストのTweetボタンが出てこなくなって、『prototype.js』のバージョンを上げた…ということがあったのだが、その後夏前には何時まで経っても読込みが終わらず、TwitterのタイムラインWidgetの表示もなかなか出てこないという症状が続いていたのであります。まーたナニカぶつかってるんだろうか、って思ってたんだけどなかなか改善せず、今日まで放置してしまっていたワケでして。

そんなこんなで久しぶりにHTMLコードを除いてみると一番下に何やら『twitterfollowbadge』という外部に読みに行くものが鎮座しておりましてですね、そう言えば画面の右端にチョロチョロと上下するタブみたいな奴を入れていたことを思い出したのであります。が、画面には何時の頃からか出なくなっていた、と。

そんなこんなでググってみて発見したページ、

▼ 「TwitterのFollow Badgeが表示されない、遅い」への対処 | スキマ時間の実験室

を見て納得。ほぅ、7月にはこんな感じで読めなくなっていたということの様です。

このスクリプトなどをローカルに持ってきて運用することも出来るみたいなのですが、この際に軽量化してしまえ、ということでテンプレから該当部分を全削除。そうするとあら不思議、これまでつっかかってたものが取れた様にサクッと表示されるようになりました。

こういった外部の提供してるサービスっていきなり終わっちゃうことがままあるので便利さと運用のリスクのバランスが難しいんですよね。まぁお金を払ってるワケじゃないので文句言える立場でもないし。

というちょっとしたサイトメンテナンスなのでありました。

いきなり何故『prototype.js』の話が出て来るのか…と言えば、しばらく前から右ペインに設置しているTwitterのタイムラインWidgetと各ポストのTweetボタンが出てこなくなってしまっていたのでその原因を探していたのだ。色々とソースを眺めてみたり、アドブロック系の中を総当たりに調べてみたりとか、それでもそれっぽいものが見つからず長い時間放置になってしまっていたわけなのだ。

で、ヒョンなことからこのサイトの記事を発見。

▼ Twitter のツイートボタンが表示されない：なんとなしの日記

prototype.js 1.6 系と、新しくなったtwitterのjs
platform.twitter.com/widgets.js が競合するらしく
動かなくなってた模様。

ああああぁぁ、当にこれです。そのものズバリではないですか。わたしのところでも『lightbox2』の為に『prototype.js』を入れてましたですわ。でもってバージョンを確認すると『1.6.0.2』って書いてあるううううう。

ということで何も考えることなく最新の『prototype.js Ver.1.7.2』をダウンロードして入れ替えです。ということで、ど(´ﾟωﾟ`) や、表示されましたのねん。えっ？互換性？表示出来なかったらどうするって？

そんなことは知らん。気付いたらその時に調べるなり何とかするでせう。

いきなり昨日からTwitterのJoin the conversation ウィジェットが表示されなくなったのでおかしいな？と思って見渡すと何とAPI がv1.0からv1.1に変更となって従来のウィジェットが使えなくなったということらしい。すっからかんだと寂しいので探してみると、Twitterのウィジェット設定からTwitter謹製埋め込みタイムラインなるものを作れるらしいことを知る。初期の設定だけでは背景色とリンク色、そしてアバウトな高さを指定できるだけなのだが、このページのカスタマイズの項を読むと色々設定できることが判明。

先のJoin the conversation ウィジェットと似たようなイメージで、コード側で指定できるオプションに『data-chrome="noheader nofooter noborders noscrollbar" data-tweet-limit="3"』を追加。これで以前同様にシンプル、かつ浮かない形で設置が完了です。

• 小粋空間: 月別アーカイブリストの年別表示（ツリー化＋折りたたみ）