ウェブサイトに最新のツイートを表示する方法

公開: 2022-04-24

Twitter と従来の Web マーケティングは、一見すると相性がよくないように見えます。 Twitter は非常に一時的なプラットフォームであり、メッセージの寿命は数分です。 一方、ウェブサイトは無期限に存続します。 ブログの投稿は、1 年間でこれまでと同じくらい価値があるか、長引く問題の唯一の優れたリソースになるとさらに価値があります。

ほとんどの人は、Twitter を一種の短命のアップデート ブロードキャストとして使用しているだけです。 彼らは、新しいブログ記事を投稿したときにつぶやいたり、新製品の発表などがあるときにつぶやいたりしますが、それだけです。 彼らは、サイトの社会的側面をあまり探求していません。 Twitter には、ウェブサイトからの一方的な発表だけではありません。

そのため、Twitter を Web サイトに埋め込みたいと思うかもしれません。 一方向のメッセージングを超えて拡張するインセンティブがあれば、マイクロブログ サイトの可能性を最大限に実現できます。 さらに、人々があなたのサイトからあなたの Twitter をフォローできるようにします。 結局のところ、投稿するのがウェブサイトの更新だけで、彼らがすでにあなたのウェブサイトをフォローしている場合、なぜ彼らはあなたの Twitter をフォローするのでしょうか?

Twitter を効果的に使う方法についてお話しするためにここにいるわけではありません。 それに関する他の投稿があります。 あなたのサイトに Twitter を埋め込むお手伝いをさせていただきます。

目次隠す
方法と決定
個々のツイートの埋め込み
Twitter フィード全体を埋め込む
関連記事:

方法と決定

最初に決定する必要があるのは、ツイートをどのように埋め込むかです。 いくつかの可能なオプションがあります。

  1. Twitter フィード全体を埋め込むことができます。
  2. 特定の個別のツイートを埋め込むことができます。
  3. WordPress プラグインを使用して、いずれかを埋め込むことができます。
  4. ソーシャル共有ボタンを使用できます。

4 番目のオプションは、ツイートについて話しているので、この記事の範囲外です。 共有ボタンはどれも素晴らしいものですが、この記事の焦点では​​ありません。

Twitterニュースフィード埋め込み

3 番は 1 番か 2 番にすぎませんが、スタンドアロンの Web サイトではなく CMS として WordPress を使用している場合です。 最初に他の 2 つの方法について説明した後で、それについて説明します。

個々のツイートの埋め込み

個人のツイートをウェブサイトに埋め込む理由は 2 つあります。 最初の理由は非常に単純です。 あなたは何かを投稿し、そのツイートに多くの余分な生命を持たせたいと思っています. 通常、ツイートはすぐに消えてしまいますが、固定ツイートだけがより多くの愛を得ることができます。 つまり、電子ブックの販売や宣伝などを行っている場合、販売しようとしている数週間または数か月にわたって繰り返しツイートする必要があります。 これはすぐに疲れる可能性があり、他のことについてもツイートしないと、視聴者が殺到する可能性があります.

私の典型的な使い方は、そのようなプロモーションに関するツイートを少し減らして、いくつかの最高のツイートを私のサイトに埋め込むことです. ブログ記事のトップやサイドバーに「ちなみに、この電子ブックはまだ完全に販売中です」などと投稿すると、基本的に発火して忘れてしまいます。 そのツイートは、Twitter、あなたの Web サイト、およびそのツイートが埋め込まれたページにリンクしているすべての人を通じて宣伝されるため、追加のエンゲージメント、ビュー、リーチ、およびクリックを得ることができます。

ウェブサイトにツイートを埋め込む

ツイートを埋め込むもう 1 つの理由は、例やイラストとして使用することです。 ツイートを埋め込んだ「最高の」総まとめである投稿をたくさん見てきました。 たとえば、Twitter の失敗のトップ 10 には、元のツイートを埋め込むことができます。 最大の失敗の多くが削除されるため、これは素晴らしい例ではありません。そのため、スクリーンショットがうまく機能します。 ただし、写真付きのツイートのベスト 10、猫に関するベストのツイート 10、マーケティングのベスト 10 のツイート、これらの種類の例が完全に削除される可能性は低いです。

これらのツイートには 1 つの欠点があります。それは、多くの場合、それらがあなたのツイートではないという事実です。 最善を尽くしてまとめているときに、リストに自分自身を含めるのは、特に複数回、失礼で傲慢です。

ただし、投稿に自分のツイートを含める理由は他にもあります。 これを使用して、Twitter アカウントを持っていることを示したり (Hello World メッセージを投稿してそれを埋め込む)、トラフィックをカスタマー サービス アカウントに集めることができます。 自分と数人の他のユーザーとのやり取りを投稿できます。 質問を埋め込み、回答を埋め込み、ブログ投稿でそれらの回答について話します。

では、ツイートを埋め込む実際のプロセスについてはどうでしょうか。 ありがたいことに、使用するシステムに関係なく、非常に簡単です。 つまり、WordPress 作成ウィンドウ内または他のブログ CMS で非常に簡単に動作するということです。

あなたがしなければならないことは次のとおりです。

  1. Web をナビゲートして、埋め込みたいツイートを見つけます。
  2. リツイートといいねの右側にある…アイコンをクリックします。
  3. 表示されるメニューの「ツイートを埋め込む」をクリックします。
  4. これにより、オプション付きのライトボックスが作成されます。 上部にはコード付きのボックスがあります。 この下は、ウェブサイトに表示されるツイートのプレビューです。
  5. 上部のボックスからコードをコピーし、ツイートを表示する特定の領域のブログ投稿に貼り付けます。

いくつかの追加のコンテキスト オプションが表示される場合があります。 ツイートが別のツイートへの返信である場合、「親ツイートを含める」というボックスが表示されます。 このボックスをチェックすると、次のような親ツイートが表示されます。

例 1

埋め込むことを選択したツイートに画像、Vine、またはその他のメディアが含まれている場合は、それを含めることを選択できます。 結果のツイートは次のようになります。

例 2

ツイートのみを含めることを選択した場合は、ツイートのみが表示されます。

ツイートを自由に埋め込むことを強くお勧めします。 ソースから直接ツイートを使用して要点を説明できるだけでなく (ツイートを編集していないことを人々に信頼してもらうのに役立ちます)、それらを使用してある程度のインフルエンサー マーケティングを行うこともできます。 人々は自分の Twitter アカウントが共有されることを好み、ウェブサイトへの埋め込みは優れた永続的な共有になります。

Twitter フィード全体を埋め込む

さて、フィード全体を実際に埋め込むことはできません。 5 回または 6 回以上投稿した場合は、最新の半ダースのみが表示されます。 しかし、それは良いことです! Web サイトのサイドバーに無限に長いソーシャル データ ボックスを配置する必要はありません。 それは少し正気ではありません。

Twitter フィードを埋め込みたい主な理由は 2 つあります。 1 つ目は、メインのブログ記事に投稿して、Twitter フィードがあることを示すことです。 ツイートが個別に行われるように、特定の方法で投稿の物語に組み込まれることを意図したものではありません。

もう 1 つの理由は、サイドバーに埋め込んで、常にそこに表示されるようにすることです。これは、人々がフォローできる Twitter フィードがあることを受動的かつ現在のリマインダーとして示します。 タイムラインの埋め込みと呼ばれるものを使用すると、最新のツイートをボタンと一緒に表示して、誰でも簡単にフォローできるようになります。

Twitter 埋め込みタイムラインの例

埋め込まれたタイムラインには、実際には 2 つの異なる形式があります。 テンプレートは、タイムラインの表示方法、表示内容、およびすべての外観を決定します。 彼らです:

  • リスト テンプレート。 これは、ツイートを時系列で、新しいものから順に、通常のすべての情報とともに表示します。 プロフィール写真、名前、表示名、ツイートの内容、メディア、エンゲージメントが表示されます。
  • グリッド テンプレート。 これは主に、画像、GIF、Vine を含むメディアのグリッドを示しており、主要な例が 1 つ上に配置され、その他の例が下の小さなボックスに配置されています。 メディアを超えたツイートの内容 – 名前とテキスト、これにはエンゲージメントやプロフィール写真はありません – 画像の上に重ねて表示されます.

これに加えて、埋め込むことができるさまざまな種類のコンテンツがあります。 それはあなたのタイムラインである必要はありません。 ほとんどのマーケティング担当者や企業は、1 人のユーザーのタイムラインのみを使用することを選択しますが、一部の集団、グループ、および組織は、他の形式を使用することを希望する場合があります。

  • ユーザーのタイムライン。 これはあなたのツイートのみを表示し、コンテンツをリツイートする場合を除き、他のユーザーからのものは何も表示しません.
  • ユーザーのいいね。 これは、特定のユーザーが気に入ったすべての投稿を表示するフィードです。 それ以外は、ユーザーのタイムライン フィードと同じです。
  • ユーザー リストのタイムライン。 これは、リストをまとめることを選択した人によってキュレーションされた、ユーザーのリスト内の全員のツイートのタイムラインを示しています。 埋め込みには、リスト名とリスト内の人々の個々の名前が表示されます。
  • タイムラインを検索します。 これは、埋め込まれたウィジェットをロードするページをユーザーが表示したときに更新される、特定の検索の結果を示します。 たとえば、特定のハッシュタグを検索するための検索結果を埋め込むことができます。 これは、Twitter マーケティングの一部の形式には役立ちますが、特に簡単に悪用できるため、一般的なキュレーション ツールとしてはあまり役に立ちません。
  • コレクション。 これは、いくつかの厳選されたツイートを埋め込むようなものですが、新しい埋め込みで投稿を更新するのではなく、厳選されたコレクションを更新できます。

では、タイムラインを埋め込むにはどうすればよいでしょうか。 ツイートを埋め込むよりも少し複雑です。 最初に行う必要があるのは、新しいタイムライン ウィジェットを作成することです。これには、Twitter 自体でこのフォームに入力する必要があります。

ウィジェットの作成

このフォームでは、必要なタイムライン ソースを選択できます。 ユーザー タイムラインでは、ユーザー名の選択、返信の除外の選択、高さの設定、明るいテーマと暗いテーマの選択、リンクの色の変更、カスタマイズのオプトアウトを行うことができます。 テーラリングとは、後で分析に使用するために Twitter がデータを収集することを意味します。 likes 設定にはすべて同じオプションがあります。 リスト フィードでは、リストを作成して管理するか、埋め込みたいリストを購読する必要があります。 検索では、検索クエリを選択し、安全な検索モードを設定することを選択し、上位のツイートのみを表示することを選択し、他のソースから共有された他のオプションを選択できます. 最後に、コレクション モードでは、コレクションを使用するためにコレクションを作成する必要があります。

さらに、ウィジェットのカスタマイズ オプションがあります。 ただし、使用するのは少し複雑です。 生成時にウィジェットによって提供されたコードを実際に編集する必要があります。 オプションは次のとおりです。

  • Noheader:これにより、タイムラインのヘッダーが非表示になり、Twitter の属性が非表示になります。 Twitter ToS では、帰属表示が必要です。これにより、サイトでの表示方法と場所をカスタマイズできます。
  • フッターなし:ツイート作成者のリンクでフッターを非表示にします。
  • Noborders:これにより、ウィジェットの境界線が非表示になるため、ウィジェットの明るいテーマにも暗いテーマにも一致しないデザインとシームレスに統合できます。
  • Noscrollbar:スクロール バーを非表示にして、ユーザーがウィジェット内で下にスクロールできないようにします。 ウィジェットのサイズが大きく、複数のメッセージを完全に表示できる場合にのみ役立ちます。
  • 透明:ウィジェットの背景色を透明にします。
  • 高さと幅:明らかに十分です。これらにより、ディスプレイの正確な寸法を変更できます。 ウィジェットの最小サイズは、リスト テンプレートでは 180 ピクセル、グリッドでは 220 ピクセルであることに注意してください。 どちらも最大幅 520 ピクセルです。
  • Data-tweet-limit:これにより、任意の時点でウィジェットに表示するツイートの正確な数を設定できます。 1 から 20 までの任意の値を指定できます。

これらのオプションはすべて、十分なスペースがある限り、配置しようとしている場所に関係なく、ウィジェットをサイトに合わせてカスタマイズできます。

ウィジェットを生成してカスタマイズしたら、コピーして貼り付けるコードを生成する「ウィジェットの作成」をクリックする必要があります。 コードをサイトの HTML の適切なスペースに挿入するのは簡単です。

ところで、WordPress を使用している場合は、ツイートやフィードを追加するために利用できる多くの WordPress プラグインの 1 つを使用できます。 私のお気に入りは Styling 付きの Twitter Widget です。これは、通常のウィジェットよりもはるかに幅広いカスタマイズ (色を含む) を提供します。 とはいえ、選択できる無料および有料のオプションは多数あります。 好きなものを見つけてください。