Twitter:WEBサイトにTwitterのタイムラインを埋め込む

ホームページブログTwitterタイムラインを表示しているWEBサイトをよく目にします。

自分のWEBサイトTwitterタイムラインを埋め込んでみました。
その時の埋め込み方法をメモします。


Twitter タイムラインの埋め込み方法

1.表示したいアカウントのTwitterにログインします。

2.アカウントの設定画面に遷移します。

twitter_timeline_1

3.アカウントの設定画面で「ウィジェット」をクリックします。

twitter_timeline_2

または、Twitterにログインした状態で下記のURLにアクセスします。

https://twitter.com/settings/widgets

4.ウィジェット画面で「新規作成」をクリックします。

twitter_timeline_3

5.ユーザーウィジェットの設定画面でタイムラインのタブを選択します。

twitter_timeline_4

6.「オプション」で表示したい内容を修正し「ウィジェットを作成」をクリックします。

twitter_timeline_5

7.「ウェジェットが作成されました。」とメッセージが出力されるので、作成されたコードをコピーします。

twitter_timeline_6

8.コピーしたコードをWEBサイトの表示したい箇所に貼り付け、アップロードします。

twitter_timeline_7

上記のようにTwitterタイムラインを表示することができます。
横幅は設定しなくても、埋め込んだ箇所の幅に設定してくれるみたいです。


  • このエントリーをはてなブックマークに追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です