Twitter:Twitterのつぶやきをサイトに埋め込む

Twitterつぶやきツイート)をサイトやブログに埋め込んでるページを見ることがあります。

面白かったつぶやきや興味があるつぶやきなどを紹介したり、まとめたりすると面白いかも知れないです。

実際に埋め込むと下記のように表示されます。

ソースコードを貼り付けるだけなので、簡単にツイート埋め込むことができます。
下記にTwitterの特定のつぶやきをサイトやブログに埋め込む方法をメモします。


Twitterのつぶやきを記事に埋め込む

埋め込みたいツイートのページにアクセスします。
アクセスしたら、その他をクリックします。

Twitter_tubuyaki_1

※タイムラインのページでも取得できます。

Twitter_tubuyaki_2

クリックすると「ツイートをサイトに埋め込む」が表示されます。

Twitter_tubuyaki_3

Twitter_tubuyaki_4

「ツイートをサイトに埋め込む」をクリックするとポップアップが表示されます。
埋め込みコードとプレビューが表示されるので、コードをコピーします。

Twitter_tubuyaki_5

コピーしたコードをサイトやブログに貼り付ければ、ツイートを埋め込むことができます。 実際のコードは下記になります。

<blockquote lang="ja"><p>日本戦、楽しみやー!!早くみたい(^^)</p>&mdash; raining (@raining_8) <a href="https://twitter.com/raining_8/statuses/477625283408056320">2014, 6月 14</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

ちなみに、画像やYouTubeなどのつぶやきも表示することが可能です。


コードを貼り付けるだけで簡単に特定のつぶやきを埋め込むことができるので、
気になるツイートをまとめるのもいいかもしれないです。

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

コメントを残す

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