twitterウィジェットを貼り付けようとしてハマった

hatena twitter

同じ名前でツイッターもやってるのでせっかくだからサイドバーに貼ってみよう！

ということでやってみたらハマったのでメモ。


まずは貼り付けるウィジェットをTwitter公式サイトからもらいます。
https://twitter.com/about/resources/widgets


自分のツイートを出したい時はプロフィールを選びます。
色々カスタマイズして最後にコード取得ってやるとスクリプトを吐いてくれます。

で、はてなのデザイン編集画面でサイドバーのパーツのリストからブログパーツを
選んでそこにさっき取ってきたスクリプトを貼り付ければ完了！


…のはずがうまくいかない。
なんにも出てこないし編集画面でも追加された気配がない。

結論としては、吐き出してるスクリプトがイケてないせいで上手くいってないらしい。
もらってきたスクリプトがこれ。

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 'auto',
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#555555'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
  }
}).render().setUser('azukinohiroki').start();
</script>

で、うまくいったのはこれ。

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 'auto',
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#555555'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('azukinohiroki').start();
</script>

つまり、

  • hashtags:
  • timestamp:
  • avatars:

が無いとダメみたい。