「アフィリエイトを利用した記事があります」

ブログにxを埋め込み!サイトにXのツイートを埋め込む方法は?

ブログにxを埋め込み!サイトにXのツイートを埋め込む方法は? ブログ

「自社で運営しているX(旧Twitter)の投稿をホームページに表示させたい」とお考えではありませんか?

最近では、X(旧Twitter)をマーケティングの一環として活用している企業が増えています。

特に反響の大きかった投稿などは、ホームページで紹介したいと思うこともあるでしょう。

そこで今回は、自社が運営するX(旧Twitter)の投稿を、どのようにホームページに埋め込むかを解説します。

X(旧Twitter)をWordPressに埋め込む方法

鳥のアイコン

ここでは、自社が管理しているX(旧Twitter)の投稿をWordPressのホームページに埋め込む手順を説明します。

「単一投稿(旧ツイート)」と「投稿一覧(タイムライン)」のそれぞれに分けてご紹介します。

単一投稿(旧ツイート)の埋め込み方法

単一投稿をWordPressに埋め込む方法は、主に2つあります。

  1. URLをコピー&ペーストする方法
  2. HTMLコードをコピー&ペーストする方法

もっとも手軽なのは、URLをそのままコピー&ペーストする方法です。

背景色や言語設定をカスタマイズしたい場合は、HTMLコードを使うのがおすすめです。

以下、それぞれの方法を詳しく見ていきましょう。

URLをコピー&ペーストする方法

  1. ページを開く
    WordPressの「投稿」もしくは「固定ページ」から、X(旧Twitter)の投稿を埋め込みたいページの編集をクリックします。
  2. URLをコピー
    別のタブでX(旧Twitter)を開き、埋め込みたい投稿をクリックし、アドレスバーのURLをコピーします。
  3. URLをペースト
    WordPressの編集画面に戻り、指定の箇所にコピーしたURLをペーストします。
  4. プレビューで確認
    プレビューアイコンをクリックし、埋め込みが正しく表示されるか確認しましょう。

HTMLコードをコピー&ペーストする方法

  1. ページを開く
    WordPressの「投稿」もしくは「固定ページ」から、編集画面を開きます。
  2. カスタムHTMLブロックを挿入
    +マークをクリックし、「HTML」と検索して、カスタムHTMLブロックを挿入します。
  3. HTMLコードをコピー
    別のタブでX(旧Twitter)を開き、埋め込みたい投稿の「…」をクリックし、「ポストを埋め込む」を選びます。表示された画面でコードをコピーします。
  4. HTMLコードをペースト
    WordPressのカスタムHTMLブロックにコピーしたコードを貼り付けます。
  5. プレビューで確認
    プレビューアイコンをクリックし、埋め込みが正しく表示されるか確認しましょう。

X(旧Twitter)の投稿を埋め込む利点

パソコン操作中にポイントを示す女性

自社のホームページにX(旧Twitter)の投稿を埋め込むことには、いくつかのメリットがあります。

  1. X(旧Twitter)で集めたユーザーの反応をアピールできる
    埋め込まれた投稿には「いいね数」を表示させることができます。これにより、ユーザーからの支持を示し、自社の注目度を高めることが可能です。
  2. X(旧Twitter)のフォロワーを増やすきっかけになる
    ホームページに表示された投稿を見たユーザーが、興味を持ってフォローしてくれる可能性が高まります。

X(旧Twitter)の投稿を埋め込む際の注意点

しかし、いくつかのデメリットも考慮する必要があります。

  1. ページの読み込み速度が遅くなる可能性がある
    X(旧Twitter)の投稿を埋め込むと、ページの読み込み速度が遅くなることがあります。
  2. 投稿一覧の閲覧にはログインが必要
    投稿一覧を表示するには、ユーザーがX(旧Twitter)にログインしている必要があります。
  3. サービスの仕様変更により表示が崩れる場合がある
    X(旧Twitter)の仕様が変更されると、埋め込みが正しく表示されなくなることがあります。

ブログにXの投稿を埋め込むには? まとめ

X(旧Twitter)の投稿をホームページに埋め込む際は、以上のメリットとデメリットを踏まえたうえで、効果的に活用してください。

最後までお読みいただきありがとうございました!