Twitterのタイムラインをブログのサイドバーに表示には、
Twitterの管理画面でタイムラインのソースを生成し、ブログに貼り付けます。
Twitterでツイートした最新情報が表示されますので、商用サイトなどで特価情報や最新情報などをツイートしていると無料で有効な宣伝手段になります。
Twitterのタイムラインをブログのサイドバーに表示する方法
- Twittterの公式サイトにログイン、右上の「歯車」
- プルダウンの「設定」
- 左サイドバーの「ウィジェット」
- 右上の「新規作成」
- 「ユーザータイムライン」のタブで、以下の項目を設定
- ユーザー名
- オプション
- 高さ
- テーマ
- リンクの色
- 下部の「ウィジェットを作成」
- 生成されたソースコードをコピーする
- ソースを修正して、ウェブサイトやブログに貼り付け
例: WordPress
外観 → ウィジェット
右側のウィジェットエリアの▼でソースが出る
(Tweetableとか便利なプラグインもありますね・・・)
<p><a class="twitter-timeline" href="https://twitter.com/アカウント名" data-widget-id="乱数" width="238">@アカウント名 からのツイート</a>
<a href="https://twitter.com/アカウント名" class="twitter-follow-button" data-show-count="true" data-lang="ja" data-show-screen-name="false">@アカウント名さんをフォロー</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
width="238"は、サイドバーの幅に合う数値にします。
複数のウィジェットを表示する場合、<script>は1つだけでOKです。
コメント