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

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

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

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

モブログでもツイートをブログに埋め込む方法はありますが、今回はTwitter公式PCサイトから取ってきたいと思います。

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

埋め込みコードをGET!

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

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

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

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

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

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

メディアを含めないと写真がURLになったツイートの埋め込みコードを取得できる

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

ブログに貼り付ける!

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

簡単!簡単!

表示例

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

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

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

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

そんなに大したことつぶやいてないですからね(笑)

よっしーのひとこと

よっひー

埋め込んだツイートにフォローボタンがくっつくのがいいですよね!

ツイート掲載してもらえればフォロワーさんが増える予感がします!