ブログで関連するTweetを検索して表示するウィジェット

ゲーム科担当の志村です。さて、プチ技術ネタ。

科単独のブログで実験したので、こちらにも投下してみます。WPなどのプラグインが充実していない場合に対処する方法です。

ブログの記事にlinkしているツイートを検索して表示する方法です。色々な3rdパーティのものがありますが、公式ウィジェットがやはり安心！なので少し改造して導入する方法です。ただし、検索に時間がかかるようで、呟いて直ぐにはでないのはご愛敬。

尚、この方法は単純に表示しているURLをTwitterから探しているだけなので、ブログ以外にも使えます。

やり方は以下です。

基本コードをゲット
先ずはデザインとかをコチラから決めます。
https://twitter.com/about/resources/widgets/widget_search
それから、[finish&Grab code]ボタンを押すと、HTMLソースが出ます。
コードの改造
これを埋め込むわけですが、HTMLソースを以下マークのように変えます。

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({version: 2,
type: 'search',

search: document.location.href.substring(7),

interval: 30000,
title: 'ブログに関連したtweet',
subject: t,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#8ec1da',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#444444',
links: '#1985b5'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
behavior: 'default'
}
}).render().start();
</script>

表示サンプルはコチラ。
http://digitalartssendai.blogspot.com/