あんこの中身

ブログ「あんこの中身」では「ウェブサービス」「格安SIMフリースマートフォン」「家電」の情報を中心に掲載しています。 お気軽にアクセスしてください。

「はてなブログPro」の設定の備忘録、タイムラインを表示できる!サイドバーにTwitterウィジェットを設置する方法

スポンサーリンク

どうもこんにちは、ブログ住人のあんこぱん(@ankopan01)です。

ブログの記事更新を通知する方法として、SNSで情報発信している方も多いと思います。筆者も、Twitter、Facebook、Google+で記事更新の情報を発信しています。

先日、Googleがツイートのリアルタイム検索を復活させるとの報道がありました。この報道を受け、今後はさらにSNSでの情報発信の重要性が増してくると思います。

Googleにツイートのリアルタイム検索が戻ってくる! - TechCrunch

そこで今回は、Twitterのタイムラインを「はてなブログ」に表示させるため、サイドバーにTwitterウィジェットを設置する方法をご紹介します。

1.Twitterとは


Twitterとは - はてなキーワード

米Twitter社のソーシャルネットワーキングサービス(SNS)。ツイッター。

2006年7月にサービスを開始。投稿は1度に140文字以内という制限があるのが特徴。

2014年4月9日、新デザインに変更。UIが大幅に変更され、好きなツイートや自分らしいツイートをプロフィールのトップに「ピン」留めできたり、反響が大きかったものは「ベスト・ツイート」として大きく表示される。

 

2.サイドバーにTwitterウィジェットを設置する方法

2.1 Twitterでウィジェットを作成する

  • Twitterにログインし、設定をクリックします。

f:id:ankopan01:20150314201414p:plain

 

  • 画面左のメニューから、「ウィジェット」をクリックします。

f:id:ankopan01:20150314201513p:plain

  • 新規作成からウィジェット作成画面になりますので、各種の設定を選択し、「ウィジェットを作成」をクリックするとコードが出力されますのでコピーします。

f:id:ankopan01:20150314201616p:plain

2.2 「はてなブログPro」のサイドバーに設置する

  • ダッシュボード>デザイン>カスタマイズ>サイドバー、をクリックします。

f:id:ankopan01:20150314201709p:plain

 

  • モジュールを追加>HTML、をクリックし、コピーしたウィジェットのコードを貼り付け「適用」をクリックします。

f:id:ankopan01:20150314201823p:plain

  • 「変更を保存する」をクリックします。

f:id:ankopan01:20150314201916p:plain

以上で設定は完了です。

比較的、簡単にサイドバーにTwitterウィジェットを設置することができたと思います。

3.まとめ

Twitterウィジェットはブログの更新情報を簡単に表示するツールとしても活用できますし、ツイートの表示からブログ以外の情報も発信できるメリットがあると思います。

また、ツイートはYahoo!リアルタイム検索の対象になりますので、Yahoo!検索からのアクセス流入にも繋がると思います。

Googleのリアルタイム検索が復活すると、さらにTwitterの情報発信の重要性が増してくると思いますので導入の参考にしてください。