Twitterのツイートをブログ記事に埋め込む方法と４つのカスタマイズ法

ブログを見ていると、以下のようにTwitterのツイートが埋め込まれた記事を見かけますよね。

おはようございます☀#ブログ書け #ブログ初心者

ブログは長期戦と頭では分かっていても結果が出ないと焦りますね。
そんな時テクニック系に飛びつきたくなるのですが、なるべく体系的に、本質から学ぼうと意識してます。

自分のブログもそんなブログになればいいなと

今日も一日頑張りましょう❗️

— そよご@初心者副業ブロガー (@soyogo_furukawa) February 4, 2021

本記事では、このようなTwitterのツイートの埋め込み方法と４つのカスタマイズ法をご紹介します。

ブログ記事にツイートを埋め込むことで、

など多くのメリットがありますので、是非やり方をマスターしてください。

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

step
1「ツイートを埋め込む」を選択

埋め込みたいツイートの右上の「・・・」をクリックし、さらに「ツイートを埋め込む」をクリックします。

step
2埋め込み用コードを取得

新しく開いたタブで、「Copy Code」をクリックします。

正しくコピーできると以下が表示されます。

step
3コードを貼り付け

埋め込みたい記事の投稿画面でテキストエディターを開き、コピーしたコードを貼り付けます。

※Gutenbergを使っている場合は、コードエディターに貼り付け。

埋め込みツイートのカスタマイズ

ここからは、埋め込みツイートでできる４つのカスタマイズをご紹介します。

①～③はTwitter標準の機能でカスタマイズできますが、④はコードを直接編集する必要があります。

標準のカスタマイズ（①～③）

埋め込み用コード取得の画面で、「set customization options」をクリックすると、埋め込みツイートのカスタマイズができます。

以下の画面で各種設定をした後、「Update」をクリックすることで、カスタマイズ後のコードを取得できるようになります。

How would you like this to look?　＝　①背景色を変えるカスタマイズ

背景色を、Light：ライトモード、Dark：ダークモードの２種類から選べます。

What language would you like to display this in?　＝　②言語を変えるカスタマイズ

言語が選べます。ツイート自体の言語が変換されるわけではなく、日時や「ツイートへのリンクをコピー」の言語が変わるのみです。

Would you like to limit context in this Tweet?　＝　③リプライ元ツイートの非表示カスタマイズ

「Hide Conversation」にチェックを入れると、リプライ（返信）においてリプライ元のツイートを非表示にできます。

コード編集によるカスタマイズ（④）

最後に、取得したコードを直接編集することによるカスタマイズを１つ紹介します。

④画像、動画、リンクーカードの非表示カスタマイズ

画像や動画、リンクカードを非表示にすることができます。

非表示にするためには、取得した埋め込みコードに、以下のコードを追加する必要があります。

コードの追加位置は以下のとおりです。

まとめ：ツイート埋め込みを上手く使って記事を補完しよう

いかがでしたでしょうか。

埋め込みツイートを利用することで、記事にメリハリが出て読みやすくなったり、インフルエンサーなど第三者の意見を上手く使ったりすることができるようになります。

初心者でも簡単にできるテクニックなので、記事作成に活かしていきましょう。

今回は以上です。