X(旧Twitter)の検索結果をウェブサイトに表示することは、ソーシャルプルーフをアピールし、コンテンツを常に新鮮に見せる強力な方法です。
あなたのブランドやトピックについて、他の人々が今何を言っているかを表示することで、訪問者を惹きつけます。
しかし、その方法を見つけるのは少し専門的に感じるかもしれない。複雑なコーディングが必要だったり、公式のX APIを扱わなければならないと心配するかもしれない。
ありがたいことに、もっと簡単な方法がある。このガイドでは、X（ツイッター）の検索結果をコードなしでWordPressサイトに直接埋め込むための5つの簡単なステップを説明します。
何をカバーするか
Twitterの検索結果をウェブサイトに表示する理由
- 社会的証明の構築：訪問者があなたのブランドや業界に関する肯定的なツイートを見れば、メインコンテンツを読む前に、すぐに信頼性と信用が生まれます。
- コンテンツを常に新鮮に：検索フィードは定期的に新しいツイートで更新されるため、手動でコンテンツを追加しなくても、ウェブサイトには常に最新の会話が表示されます。
- エンゲージメントを高める：インタラクティブなソーシャルコンテンツは、訪問者がツイートをスクロールしたり、興味深い投稿をクリックしたりすることを促し、訪問者をより長くあなたのページに留まらせます。
- 業界の専門知識をアピール：業界のトピックに関するツイートを表示することで、その分野の現在のトレンドや会話に精通していることをアピールできます。
- 本物のコンテンツを表示する：実在する人物のリアルなツイートは、従来の証言やマーケティングコピーよりも本物らしく感じられ、あなたのブランドをより親しみやすく、信頼できるものに見せる。
X（ツイッター）の検索結果をウェブサイトに埋め込む最も簡単な方法
ウェブサイトにツイッターのコンテンツを追加する従来の方法について正直に言おう。手作業はイライラするし、時間もかかる。
表示させたいツイートを個別に探し、埋め込みコードをひとつずつコピーして、WordPressの投稿やページに貼り付ける必要がある。
だからこそ、スマッシュバルーン社のTwitter Feed Proが存在するのです。
プロフェッショナルなTwitterフィードを作成するためのシンプルで視覚的な方法を提供しながら、すべての技術的な複雑さを処理します。
Twitter Feed Proが賢い選択である理由はここにあります：
- ポイント＆クリックのシンプルなインターフェースで、誰でも簡単に美しいTwitterフィードを作成できます。
- すべてのフィードが新しいツイートで自動的に更新されるため、手作業なしでコンテンツを最新の状態に保つことができます。
- このプラグインは、ツイートデータを効率的に保存することで読み込み速度を最適化し、ウェブサイトの速度低下を防ぎます。
- Twitterのライブ放送、タイムラインフィード、ハッシュタグフィード、検索結果、リストを表示できます。
- すべてのTwitterフィードは、すべてのデバイス上で完璧に見えるように適応し、あなたのウェブサイトのデザインを自動的にコピーすることもできます。
- テンプレートをインポートしたり、ライブカスタマイザーを使ってウェブサイト上でのツイートの見え方を変更することができます。
- プラグインとソーシャルメディア統合の両方を理解しているWordPressの専門家の助けを借りましょう。
最高なのは？
複雑なAPIキーや開発者設定に煩わされることはありません。Twitter Feed Proはこれらの技術的な接続をすべて自動的に行います。
Twitter Feed Proを試してみると、Twitterとの統合がいかに簡単かがわかるだろう。
始める前に必要なもの
Twitterの検索結果を埋め込む前に、準備万端にしておきましょう。そうすることで、スムーズに作業を進めることができます。
必要なものは以下の通りだ：
- WordPressダッシュボード（.comではなくWordPress.org）への管理者アクセス権
- 有効なTwitter/Xアカウント（基本的な無料アカウントでも問題ありません）
- Smash BalloonによるTwitter Feed Proプラグイン
- 約5分
X（ツイッター）の検索結果をウェブサイトに埋め込む方法
準備はできましたか？以下の5つのステップに従うだけで、あなたのウェブサイトにTwitterの検索結果を美しいフィードで表示することができます。
ステップ1: Twitter Feed Proのインストールと有効化
ここでは簡単な方法を使うので、Twitter Feed Proプラグインをここで入手できる。
プラグインを入手したら、あなたのウェブサイトにインストールして有効化してください（初心者ガイドをご覧ください）。
ステップ2：新しいTwitter検索フィードを作成する
WordPressのダッシュボードにTwitter Feedという新しいメニューが表示されます。
続行するには、Twitterフィード " すべてのフィードメニューを開き、新規追加をクリックします。
そうすると、いくつかのフィード・タイプから選ぶことができる。
Twitterのタイムラインフィード、ハッシュタグフィード、リストフィード、そして私たちが望む検索フィードなどのオプションが表示されます。
検索 フィードの種類を選択し、「次へ」をクリックします。
ステップ3：Twitterアカウントでプラグインを認証する
初めてTwitterフィードを作成する場合は、Twitterアカウントを接続するポップアップが表示されます。
これにより、プラグインはツイートを取得し、Twitterの検索結果フィードを更新し続けることができます。
続行するには、接続 ボタンをクリックします。
その後、Twitterにリダイレクトされ、Twitterアカウントへの読み取り専用アクセスを許可することができます。
また、正確なパーミッションもそこに記載されている。
アプリを認証する ボタンをクリックしてください。
プラグインをインストールすると、ウェブサイトに戻ります。Twitterに接続した後は、サイトを離れることなく新しいフィードを作成できます。
注：Twitter情報の表示と閲覧を許可しているだけで、プラグインが変更を加えることはできません 。ですから、100％安全です。
アカウントが接続されると、表示したいコンテンツを正確に指定できる。
フィールドに、希望するTwitterの検索語を入力し、「Next」をクリックします。
ウェブサイトに関連するツイッターのコンテンツだけを表示するために、特定の用語を使うことをお勧めします。
ステップ4: ツイッター検索フィードの表示をカスタマイズする
自分のTwitterフィードを思い通りに見せることができるのだ。
Twitterの検索結果は、すぐにあなたのウェブサイトのデザインを自動的にコピーします。さらに、さまざまなカスタマイズ方法も案内されます。
フィードテンプレートの選択
Twitter Feed Proには7種類のテンプレートがあり、それぞれ異なるタイプのウェブサイトやレイアウトに最適です。
オプションからテンプレートを選び、Nextボタンをクリックします。
このチュートリアルではデフォルトのテンプレートを使うことにする。
テンプレートを選ぶと、プラグインがTwitterの検索結果をフィードにまとめ、ライブカスタマイザーを開きます。
左側のオプションを使ってTwitterフィードをカスタマイズし、右側で変更を追跡する。
ここにはたくさんのオプションがあるので、カスタマイザーがどのように機能するかを見てもらうために、主要なものをいくつか紹介しよう。
レイアウトの設定
フィードに表示されるツイートの数や配置を正確にコントロールできる。
まず、左側のフィードレイアウトオプションをクリックします。
3つのフィード・レイアウトが表示されます：
- リスト： ツイートが1列に並んだTwitterのデフォルトレイアウトに似ています。
- メイソンリー： さまざまなカラムを使って、大量のツイートを一度に表示。
- カルーセル 検索結果をスライドショーのカルーセルで表示します。
レイアウトを選択したら、Saveをクリックして新しいデザインを確認します。
また、1ページあたりのツイート数を設定したり（私は通常、ほとんどのウェブサイトでは6〜9で始めている）、表示する行や列の数を選択することもできる。
レイアウトの編集が終わったら、カスタマイズ ボタンをクリックして再びメインページに戻ります。
フィードヘッダーの設定
ヘッダーセクションはフィードの上部に表示され、どのように表示するか選ぶことができる。
まず、左側のヘッダーオプションをクリックします。
上部に、ヘッダーを有効 または無効にするオプションがあります。
その下で、2つのヘッダー・スタイルから選ぶことができる：
- 標準：検索フィードでは、シンプルなXのロゴが表示されます。タイムラインフィードでは、あなたのTwitter情報が表示されます。
- テキスト Twitterフィードのトップに表示する見出しを入力します。
この例では、テキスト・スタイルを使い、フィードの上に表示する見出しを入力する。
前回と同様に、Saveをクリックして変更を保持する。
残りのオプションを使えば、コードに一行も触れることなく、配色、フォント、スペーシング、ツイートスタイルなどを調整できる。
一番いいのは、これらの変更がプレビューで即座に反映されることだ。
ステップ5：ウェブサイトにTwitter検索フィードを埋め込む
フィードの見た目が完璧になったら、次はそれをウェブサイトに追加しましょう。Twitter Feed Proでは、ライブカスタマイザーからこの作業を始めることができます。
まず、Twitterカスタマイザーの上部にある埋め込み ボタンをクリックします。
ポップアップでは、さまざまな埋め込みオプションを選択でき、あなたに最適な方法を見つけることができます。
- ページに追加 Twitterの検索結果をウェブページに表示します。
- ウィジェットに追加サイドバーやフッターにツイートを表示できます。
- コピーしてください： 手動でショートコードを追加して、好きな場所にフィードを埋め込む。
このガイドでは、ここで「ページに追加 」をクリックする。
その後、ウェブサイト上で公開されているWordPressページのリストが表示されます。
使用したいページを選択し、「追加」をクリックします。
そうすると、今選択したページのエディターが開きます。
まず、プラス（＋）アイコンをクリックして新しいブロックを追加する。
上部の検索バーで「Twitter Feed」を検索し、Twitter Feed Proブロックを探します。
検索結果で、Twitter Feedブロックをクリックしてページに追加する。
これだけで、ツイッターの検索結果がこのワードプレスのページに追加される。
ウィジェットの方法もよく似ている。サイドバーやフッターの好きな場所にTwitter Feedブロックを追加すれば、あとはプラグインが処理してくれます。
ページを更新したら、そのページを開いて、新しいTwitter検索結果がどのように表示されるかを確認してください。
それで終わりだ！
Twitter Feed Proを使って、Twitterのライブ検索結果をWordPressウェブサイトに簡単に埋め込む方法を学びました。
あなたのウェブサイトに表示するために、より適切な検索語句がないかツイッターを監視することもお忘れなく。
さらに、このプラグインを使って他の種類のTwitterフィードを埋め込むことで、エンゲージメントを高め、Twitterでの存在感をさらに高めることができます。
Twitterのコンテンツを埋め込む準備はできましたか？今すぐTwitter Feed Proを入手しましょう！
ソーシャルメディア統合の完全なアプローチについては、あなたのウェブサイトに最適なソーシャルメディアウォールの例のリストをご覧ください。
