Twitterのツイートをブログに埋め込み表示する方法

Twitterのツイートをブログに埋め込み表示する方法
2014.8.13

Twitterのツイートをブログに埋め込み表示させたいことがありましたので、備忘録としてツイートの埋め込み方とその見え方を紹介します。

こんばんは!
よっひー(@yosiakatsuki)です。

Twitterのツイートをブログに埋め込む方法

埋め込みコードをGET!

まずはブログに埋め込みたいツイートを表示します!

ツイートの下部に「・・・」と表示されたアイコンをクリックすると3つメニューが表示されます。

「ツイートをサイトに埋め込む」を選択

その中の「ツイートをサイトに埋め込む」を押すと、埋め込み用コードとプレビューが表示されます。

写真付きでツイートの埋め込みができるコードを取得できる

この時、「メディアを含める」のチェックを外すと、画像が表示されなくなります。(代わりに画像URLが表示されます。)

写真付きでツイートの埋め込みができるコードを取得できる

ポップアップの上部に表示されたコードをコピーして、埋め込みコードの取得完了です!

ブログに貼り付ける!

あとは、取得したコードをブログに貼り付けるだけです!

表示例

テスト用に画像を2枚添付したツイートを埋め込んでみます。

画像もちゃんと表示されますね!

ツイートした人のアカウントID、アカウント名も表示されますので、予期せぬトラブルを回避するためにも、ツイートした方に掲載の確認をしたほうがいいかもしれません。

あ、ちなみに、僕のツイートは確認なしにガンガン埋め込んでもらって結構ですよ!

ぜひご活用ください。

ではまた