X(ツイッター)のライブストリームをウェブサイトに埋め込む方法(5つのステップで!)
ホーム ブログ X(ツイッター)のライブストリームをウェブサイトに埋め込む方法(5つのステップで!)

X(ツイッター)のライブストリームをウェブサイトに埋め込む方法(5つのステップで!)

ツイッターのライブストリームを埋め込む方法

多くの人は、ライブ放送の第一の目的はX(ツイッター)で再生回数を稼ぐことだと考えている。

ライブ・ストリームは、録画済みのビデオに比べて視聴者を10倍から20倍も長く拘束できるのだ。

しかし、このような放送をウェブサイトに設置すれば、人々をツイッターに送る代わりに、あなたがコントロールするプラットフォームで人々の関心を引き続けることができる。

これだけで、ウェブサイトをブランド活動の中心拠点にすることができる。

素晴らしいニュースは、この視聴体験を作成するのは簡単だということです。このガイドでは、あなたのウェブサイトにXのライブストリームを埋め込む簡単な手順を、コーディングなしで説明します!

この記事の中で

ライブX(ツイッター)放送をウェブサイトに表示する理由

  • 滞在時間とSEOの向上:訪問者がライブコンテンツを視聴するために滞在すると、サイト滞在時間が長くなり、検索エンジンのランキングに有利になります。
  • 商品のプロモーションライブ放送では、新製品や新サービスをリアルタイムで紹介することができ、即時購入を促す興奮と緊急性を生み出すことができます。
  • ツイッターのフォロワーを増やす:人々があなたのサイトでライブコンテンツを発見すると、今後の更新のためにあなたのX/Twitterアカウントをフォローする可能性が高くなります。
  • エンゲージメントとブランドの信頼を高める:ライブ動画は視聴者との個人的なつながりを作り出し、潜在顧客との信頼関係を築き、より強固な関係を築くのに役立ちます。

実際に、ウェブサイトでライブストリームを使用している企業は、外部プラットフォームへのリンクのみを共有している企業に比べて、訪問者のエンゲージメントが向上していることがわかりました。

重要なのは、視聴者がサイトを離れることなくコンテンツに簡単にアクセスできるようにすることだ。

X(ツイッター)のライブストリームをウェブサイトに埋め込む最も簡単な方法

XライブストリームをWordPressサイトに追加する最も簡単な方法は、Twitter Feed Proプラグインを使用することです。

このツールを使えば、ソーシャルメディア・プラグインを扱ったことがない人でも、すべてのプロセスを簡単に行うことができる。

ツイッターフィード埋め込みプラグイン

Twitter Feed Proは、3ステップのガイド付きフローで、コーディングの知識がなくてもTwitterコンテンツを超簡単に埋め込むことができます。

一度設定すれば、選択したツイッター・ハンドルがオンラインになるたびに、ライブ放送があなたのウェブサイトに自動的に表示されます。

このプラグインがライブストリームで特に役立つのは、以下のような点だ:

  • 放送は自動的に動画として保存されるため、ライブ・セッションが終了した後でもコンテンツをチェックすることができる。
  • ライブストリームだけでなく、Twitterのプロフィール、ハッシュタグフィード、リスト、検索結果を埋め込むこともできます。
タイムライン付きtwitterフィードの例
  • フィードは自動的にウェブサイトのデザインをコピーし、デスクトップパソコンから携帯電話まで、あらゆる画面サイズで完璧に読み込まれます。
  • このプラグインには、ワンクリックでインポートできるテンプレートが含まれています。また、ライブビジュアルカスタマイザーを使って、あなたのブランドに合った美しいフィードをデザインすることもできます。
ライブフィードエディター twitterフィードプロ

さらに、質の高いサポートチームがいつでもサポートします。

私がTwitter Feed Proをお勧めするのは、技術的な面をすべて自動で処理しながら、コンテンツの表示方法を完全にコントロールできるからだ。

Twitterライブストリームを簡単に表示する準備はできましたか?こちらからTwitter Feed Proを入手してください!

5ステップでX(ツイッター)のライブストリームをウェブサイトに埋め込む方法

それでは、あなたのWordPressサイトにライブXストリームを設定する完全なプロセスを説明しよう。この方法は、どのWordPressウェブサイトでも動作し、わずか数分で完了します。

このステップでは、Twitter Feed Proのインストール、Twitterフィードの作成、アカウントへの接続、デザインのカスタマイズ、ウェブサイトへの表示方法をご紹介します。

ステップ1: Twitter Feed Proをダウンロードしてインストールする

まず、Twitter Feed Proプラグインを入手し、WordPressサイトに追加する必要があります。

プラグインを入手したら、サイトにインストールして有効化してください(ヘルプが必要な場合は、初心者ガイドをご覧ください)。

ステップ2:新しいTwitterフィードを作成する

ライブストリームを表示する最初のTwitterフィードを設定します。WordPressのダッシュボードに移動し、Twitter Feed " All Feedsに移動します。

その後、新規追加ボタンをクリックして、フィードの作成を開始します。

カスタムツイッターフィードを追加

次の画面で、フィードの種類として「User Timeline」を選択し、「Next」をクリックします。

このフィードタイプは、Twitterアカウントのライブ放送や通常の投稿を時系列で表示するために特別に設計されています。

フィードの種類

ステップ3:フィードをTwitterに接続する

ここで、プラグインがライブストリームを取り込めるように、Xアカウントへのアクセスを承認する必要があります。

接続ポップアップが表示されたら、接続ボタンをクリックします。

ツイッターアカウントをワードプレスに接続

そうすれば、プラグインはTwitterにリダイレクトし、あなたのXアカウントへの読み取り専用アクセスを要求する。

このパーミッションは、あなたのコンテンツの閲覧を許可するだけで、実際に変更を加えることはできない。

Authorize Appを クリックして、必要な権限を付与する。

ツイッターの読み取り専用アクセスを許可する.jpg

承認後、プラグインはあなたをあなたのウェブサイトに戻します。

ここに、ウェブサイトにライブストリームを表示したいアカウントのツイッターハンドルを入力する。

ハンドルを入力したら、Nextをクリックして次に進みます。

ツイッターのライブ配信用アカウントを選ぶ

ステップ4: ツイッターフィードをカスタマイズする

ここでは、Twitterライブストリームがあなたのウェブサイト上でどのように見えるかを選択することができます。

このプロセスを迅速に行うために、新しいTwitterフィードは自動的にあなたのウェブサイトのデザインにマッチします。さらに、たくさんのカスタマイズオプションも用意されています。

まず、プロによってデザインされた7つのテンプレートから選ぶことができます:

  • デフォルト
  • 石工カード
  • シンプルなカルーセル
  • シンプルなカード
  • ショーケース・カルーセル
  • 最新ツイート
  • ウィジェット

予定しているデザインに合うテンプレートを選び、「次へ」をクリックしてインポートします。

フィードテンプレートを選択する

ライブフィードカスタマイザーが表示され、右側にフィードプレビュー、左側にカスタマイズオプションが表示されます。

変更した内容は即座にプレビューに表示されるので、フィードがどのように見えるかを正確に確認できます。

ツイッター・ライブ・ストリーム用ライブ・カスタマイザー

カスタマイザーを使いこなすために、ここでいくつかのオプションを試してみよう。

まず、左のパネルでFeed Layoutオプションをクリックします。

ライブ・ストリーム・フィードのレイアウトを変更する

ここでは、3つの異なるレイアウトスタイルから選択することができます:

  • リスト:重要なライブストリームを強調するのに最適。
  • メイソンリー:Pinterestスタイルのグリッドレイアウトで一度に多くのツイートを表示します。
  • カルーセル:訪問者がナビゲートできるインタラクティブなスライド体験を作りましょう。

あなたのウェブサイトに最適なレイアウトを選び、「保存」をクリックします。

Twitterのライブストリームには、リストレイアウトかメーソンリーレイアウトをお勧めします。

ツイッター・ライブ・ストリームで利用可能なレイアウト

次に、左上の「カスタマイズ」をクリックし、メインのオプションに戻ります。

その後、あなたはカスタマイズするためにあなたのTwitterのライブストリームフィードの別の部分を選択することができます。

メインのカスタマイズオプションに戻る ツイッターライブフィード

今回は、新しいTwitterフィードの色を変えてみましょう。

左のメニューから「配色」を選択し、それを始める。

ツイッターライブストリームの配色オプションを選択する

素早く簡単に色を変えるには、4つの配色オプションから選ぶことができる:

  • テーマからの継承:WordPressテーマの色を自動的にコピーし、シームレスに統合します。
  • 明るい:明るい背景に暗いテキストを使用。
  • ダーク:暗い背景に明るいテキストが特徴で、モダンなデザインに最適です。
  • カスタム:すべての色を自分で選ぶことができます。

前回と同様に、配色を選択し、変更を保存します。

ツイッター・ライブ・ストリームの配色オプション

残りのカスタマイズオプションを使って、ヘッダー、ツイートスタイル、ボタン、その他のビジュアル要素を、すべてが思い通りになるまで調整してください。

ステップ5:ウェブサイトにTwitterライブストリームを表示する

さて、ここからがエキサイティングな部分です。実際にあなたのウェブサイトにTwitterのライブフィードを追加します。あなたは、現在の画面を離れることなく、カスタマイザーから直接これを行うことができます。

カスタマイザーの右上にある埋め込みボタンをクリックします。

ツイッターのライブ放送フィードを埋め込む

これは、あなたのサイトにTwitterのライブストリーム・フィードを追加する3つの異なる方法をポップアップで表示します:

  • ショートコードをコピーする: ショートコードをコピーして、あなたのサイトの任意の場所にフィードを挿入します。
  • ページに追加公開されているWordPressのページにフィードを表示します。
  • ウィジェットに追加:サイドバーやフッターなどのウィジェット対応エリアにストリームを表示します。

この例では、ストリームに多くの可視性を与えるので、ページ・メソッドを使うことにする。

続行するには、「ページに追加」ボタンをクリックします。

ページに追加する

Twitterフィードを追加できるすべての公開ページのリストが表示されます。

ライブストリームを表示するページを選択し、「追加」をクリックします。

新しいページにツイッターフィードを追加する

これで、ブロックエディターのWordPressページにリダイレクトされます。次に、ページのコンテンツにTwitterフィードを追加する必要があります。

プラス(+)アイコンをクリックして、ページに新しいブロックを追加します。

新しいブロック・コンテンツ・ブロックを追加する

ブロックの検索バーに「twitter feed」と入力して、プラグインのブロックを探します。

次に、Twitter Feedブロックが結果に表示されたら、それをクリックする。

ワードプレスサイトにツイッターフィードを埋め込む

ブロックはあなたのページに追加され、カスタマイズされたTwitterフィードが自動的に表示されます。

これで、ページを更新して変更を保存し、フィードをウェブサイトでライブにすることができます。

ウェブサイトにライブストリームを埋め込んだツイッターフィードの例

選択したTwitterアカウントがライブ放送を開始すると、ライブ放送が自動的にウェブサイトに表示され、訪問者が視聴できるようになります。

そして、人々はあなたのライブビデオをクリックし、あなたのサイトで直接見ることができます。

あなたのウェブサイトで直接ライブX放送をチェックする

主な収穫と次のステップ

X(Twitter)のライブストリームを最も簡単な方法でWordPressのウェブサイトに埋め込む方法を学びました。

あなたのサイトでTwitterライブストリームを利用することで、エンゲージメントを高め、Twitterのフォロワーを増やし、訪問者をあなたのプラットフォームに長くとどまらせることができます。必要なことは

  1. Twitter Feed Proプラグインをインストールし、有効化する。
  2. 新しいタイムラインフィードを作成し、あなたのアカウントに接続します。
  3. ウェブサイトのデザインに合わせてフィードの外観をカスタマイズできます。
  4. Twitterフィードブロックを使用して、選択したページにフィードを表示します。

Twitterストリームを表示する準備はできましたか?今すぐTwitter Feed Proを入手しましょう!

ツイッターをもっと活用したいですか?Twitter/Xでお金を稼ぐ最良の方法についてのガイドもあります。

著者アバター
サジャン・シャルマ シニアライター
WordPress、ソーシャルメディアマーケティング、オンラインビジネスについて10年以上執筆。専門分野はインフルエンサーマーケティング、コンテンツキュレーション、デジタルマーケティング戦略など多岐にわたる。

コメント1

  1. エリザベス・オルセン @ Rabattdigga.de 8ヶ月前

    Xライブストリームの埋め込みに関する素晴らしい解説ですね!Twitter Feed Proは、ライブ配信開始前のスケジュール済みライブイベントの埋め込みもサポートしていますか?

    返信

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。