Twitter - タイムラインをブログに埋め込む方法

twitter

Twitter(ツイッター)のタイムラインをブログに埋め込む方法を紹介します。

Twitter のタイムラインをブログに埋め込むと……

twitter widgets a01
このように指定したユーザーのタイムラインをブログ内に表示させることができます。

ここではタイムラインに埋め込むためのHTMLコードを取得する方法をみていきます。

Twitter(ツイッター)のタイムラインをブログに埋め込む

それでは実際にTwitterのタイムラインを埋め込むHTMLコードを取得する方法をみていきます。

次の URL にアクセスします。

twitter widgets a02
すると、「What would you like to embed?(あなたは何を埋め込みたいですか?)」というページが表示されます。

「Enter a Twitter URL」というフォームに

twitter widgets a03
埋め込むユーザーのURLを入力し、Enterキーを押しましょう。

この例では「https://twitter.com/karuma_taro」です。

twitter widgets a04
左側の「Embedded Timeline」をクリックします。

twitter widgets a05
すると、このように指定したユーザーのタイムラインが表示されます。

twitter widgets a06
上部にある「Copy Code」をクリックすると

twitter widgets a07
「Copied!」というポップアップが表示されます。

Paste this code directly into the HTML portion of your site...(コピーしたHTMLコードをあなたのサイトに貼り付けましょう)

twitter widgets a08
実際に貼り付けてみると、このようになります。