Web サイトに Twitter ウィジェットを追加する方法
公開: 2022-03-28Twitter ウィジェットは、Web サイトと Twitter オーディエンスを結びつけるために不可欠です。 クリックからツイート、埋め込みフィードまで、あらゆる種類のクールなことを実行できます。 選択できるさまざまなオプションと、それらを使用するためのヒントを次に示します。
1. Twitter タイムラインの埋め込み
Twitter タイムラインの埋め込みは、コードが配置されているサイトの一部から Twitter フィードに小さな iframe ウィンドウを作成します。 あなたが行ったツイートは表示されますが、それらのツイートに対する返信は表示されません。 それ以外の場合は、小さなボックスに入れられた Twitter のように見えます。 Twitter アイコン、名前、@username、および確認チェック (ある場合) が表示されます。 ツイートのコンテンツ、ツイートに追加したメディア、いいねボタンと共有ボタンの両方が含まれます。 日付も表示されます。
埋め込まれたタイムラインには、実際にはいくつかの異なるテンプレート スタイルがあります。 ほとんどの場合、基本的なリスト テンプレートが表示されます。 これは、主にテキストベースのツイートを持つ 1 つのアカウントにとって、最も簡単で最も Twitter に似た表示です。
その他のオプションは次のとおりです。
- Twitter の埋め込みビデオを自動再生し、画像を正方形または長方形のグリッドに表示するグリッドベースの例。 これは、メディアの多い Twitter フィードには最適ですが、投稿するのがテキストだけの場合はうまく機能しません。
- ユーザーのタイムライン。ツイートとリツイートをリスト形式で表示します。
- リスト タイムライン。複数の Twitter ユーザーから集められたコンテンツのリストが表示されます。 もちろん、このオプションが存在するためにはリストを作成する必要があります。 複数のサイト作成者や複数の共同設立者のフィードを埋め込みたい場合に便利です。
- Twitter の検索結果と同じように、特定のハッシュタグやキーワードを含むツイートを埋め込む検索タイムライン。 上位のツイートのみを表示し、機密性の高いコンテンツを除外するように設定することができます (そうすることをお勧めします)。
- 選択した特定のツイートのリストを表示するコレクション タイムライン。選択したアカウントが更新されても更新されません。 これは、継続的で無関係な可能性のある新しいコンテンツの選択ではなく、最高のコンテンツを特集するのに理想的です.
これらの埋め込みタイムラインのいずれかを表示するには、ウェブサイトにコードを追加する必要があります。 このコードは、Twitter にサインインすることで取得できます。 設定メニューに移動し、ウィジェットオプションをクリックします。 クリックして新しいウィジェットを作成すると、設定用の情報を入力するよう求められます。 必要なタイムラインの種類を選択し、機密コンテンツのフィルターを有効にする場合はセーフ モードをクリックし、ウィジェットの配色、リンクの色、および高さを構成します。 希望どおりのウィジェットを作成したら、[ウィジェットの作成] ボタンをクリックして、関連するコードを生成できます。 このコードを Web サイトの適切な場所に貼り付けると、ページが読み込まれるたびに Twitter が読み込まれます。
通常、サイドバーまたは場合によってはフッターで Twitter ウィジェットを使用することをお勧めします。 多くの場合、Web サイトのヘッダーには十分なスペースがないため、そこに多くを表示することはできません。 完全に埋め込まれたタイムラインをコンテンツに追加するのは少し過剰です。 そのようなコンテンツを 1 つの投稿に表示するためのより良いオプションがあります。
WordPress を使用していて、コードをテーマ ファイルに編集することに慣れていない場合は、状況全体から「簡単な方法」を取り、公式の Twitter 埋め込みプラグインをインストールできます。 このプラグインを使用すると、Twitter のタイムライン、個々のツイート、モーメント、Periscope フィード、Vine を埋め込むことができます。 IT は、Twitter の基本的なソーシャル共有ボタンも提供します。
このプラグインの利点の 1 つは、Twitter オーディエンス ピクセルを介したオーディエンス トラッキングまで、すべてが 1 か所に含まれていることです。 一方で、カスタマイズのオプションと柔軟性には疑問があります。 これは、あまりレビューされていない、またはよく使用されているプラグインではありません。 ソーシャル共有ボタンは、他のほとんどのソーシャル共有スイートと比べて見劣りします。 代わりに、よりカスタマイズされたものをサイトに追加できる開発者にアクセスできる場合は、一般的にお勧めしません.
2. 個々のツイートの埋め込み
特定のツイートをウェブサイトに埋め込む方法は 2 つあります。 1 つ目は、最近多くのサイトで使用されているものです。 スクリーンショットを撮り、ツイートを切り取って、画像として投稿するだけです。 これは、削除または保護された場合にツイートが消えることを許可しないため、価値があります。 誰かが論争を記録しているときに、これをよく見る傾向があります。 損害を与える可能性のあるツイートや削除される可能性のあるツイートは、画像形式で保存されます。
もちろん、そのようなツイートを投稿しても、特に元のツイートが削除されている場合は、人々があなたを信じないというリスクが常にあります。 結局のところ、画像を編集するのは簡単です。 画像ルートを選択する場合は、ソースへのリンクを投稿することをお勧めします。これにより、人々が自分で確認したり、Wayback Machine や Google のキャッシュを使用してツイートが削除されたかどうかを確認したりできます。
単一のツイートを埋め込むもう 1 つの方法は、実際にツイート自体を埋め込むことです。 Twitter はこの機能をネイティブに提供しているため、プラグインなどをインストールする必要はありません。 プラグインや回避策を使用しなくても、WordPress の投稿内に投稿することもできます。
ツイートを埋め込むために必要なのは、ツイート自体にアクセスすることだけです。 すべてのツイートの下部には […] アイコンがあります。 それをクリックすると、表示されるメニューの 1 つが [Embed Tweet] メニューです。 それをクリックすると、埋め込むツイートの外観をカスタマイズするオプションが表示されます。 メディアを含めたり非表示にしたりできます。ツイートが返信の場合は、ツイートに親を含めたり非表示にしたりできます。 与えられたコードは、ブログ投稿の送信ボックスや、問題なく HTML を解析できるその他の場所に貼り付けることができます。
Twitter の dev セクションで、全体の動作と、埋め込んだツイートが削除または保護された場合に何が起こるかについて詳しく読むことができます。
単一のツイートを埋め込むための理想的な使用法は何ですか? 私は誰かを引用するときの例としてそれらを使用するのが好きです. 「ブランドが Twitter で成功した上位 20 回」のいずれかの記事を作成し、ツイートを埋め込みます。 完全なフィードは必要ありません。個々のツイートだけで解決できます。
これは、あなたを刺激する重要な返信やツイートへのコメントを表示する方法でもあります。 記事を書いて Twitter でリンクし、誰かがそれについて良い質問をした場合、その質問のツイートを「この質問が聞かれたので、今答えます」として埋め込んで、別の投稿を書くことができます。
公式の Twitter ウィジェットと埋め込みに関する限りはこれで終わりですが、サード パーティのツールを使用して通常は得られない機能を作成する場合は、他のオプションを使用できます。 考慮すべきオプションのいくつかを次に示します。
3. クリックしてツイート
これはおそらく Web 上のいくつかのサイトで見たことがあるオプションですが、他のジャンルのコンテンツよりもマーケターに使用される傾向があります。 たとえば、多くのニュース サイトやエンターテイメント サイトでは見たことがありません。 これらのサイトは、ソーシャル共有ボタンだけのコンテンツである傾向があります。
Click-to- Tweet オプションは、訪問者がすぐにクリックしてツイートできるように、事前に生成されたツイートを作成できるツールです。 アイデアは、彼らにあなたのコンテンツをツイートしてもらいたいということであり、彼らはそうすることに興味を持っていますが、彼らはそれについて自分のツイートを思い付くほど興味を持っていません. あなたがしていることは、彼らが独自のメッセージを考えたり、リンクを貼り付けたり、文字数を気にしたりすることなく、あなたのコンテンツを共有するための簡単なワンクリックの方法を提供することです.
それが機能する方法は、このサイトにアクセスして Twitter でサインインすることです。 次に、必要な方法で新しいツイートを作成できるダッシュボードへのアクセスが与えられます。 これは、コンテンツ、リンク、ハッシュタグなど、Twitter で飛ぶものは何でもここで飛ぶことができます。 カスタムツイートを作成したら、埋め込みコードを作成できます。 これにより、サイトに埋め込みコードを貼り付けることができます。 通常の引用のように表示され、その横にツイート ボタンが表示されます。 ユーザーがそのツイート ボタンをクリックすると、その特定のメッセージをツイートするオプションが与えられます。 ソーシャル メディアに最適なように事前に作成されています。 彼らはあなたを助けるために努力する必要はありません。
クリックしてツイートすることを奨励する以上のメリットもあります。 たとえば、埋め込まれた同じツイートを複数の投稿で再利用できます。 その後、後で変更したい場合は、クリックしてツイートするダッシュボードで変更できます。これにより、戻ってやり直さなくても、埋め込まれたテキストのすべてのインスタンスが変更されます。 もちろん、分析も一緒に取得できます。 ツイート リンクのクリック数とユニーク クリック数を確認でき、クリックしてコンテンツをツイートする人々の地理的分布を確認できます。 私がいつも言うように; 最近では、分析なくして何もありません。
Click-to-Tweet は非常に優れており、必要に応じて WordPress プラグインを介して使用できます。 ダッシュボードを介して更新されず、分析を伴わない静的リンクを作成することもできます。ページの上部にある「基本リンク」をクリックするだけです.
4. ハイライトしてつぶやく
これはもう 1 つの選択肢であり、私はより頻繁に目にしますが、あまり好きではありません。 なぜこれほど人気があるのかはわかりませんが、おそらく WordPress プラグイン形式で提供され、Web アプリやそのようなばかげたものを使用する必要がないことを除けば. リンクされたプラグインは、私が見たいくつかのプラグインの 1 つにすぎません。
このプラグインは基本的に、Web ブラウザーでテキストを強調表示するアクションを引き継ぎます。 ユーザーがテキストの一部を強調表示すると、通常は Twitter や Facebook のボタンまたはボタンのペアが表示されます。 アイデアは、コピーして貼り付けて Twitter に移動することなく、好きな文を強調表示し、ボタンをクリックしてツイートできるということです。
このプラグインを使用すると、サイトの所有者として、ツイートに合わせてエクストラを構成できます。 特定のハッシュタグまたはリンクをソース投稿に追加できるため、誰かがハイライトされたセグメントをツイートすると、そのエンゲージメントを追跡するために使用できるタグと、投稿へのリンクが自動的にタグ付けされます。引用を自分のものとして偽装しないでください。
個人的には、このプラグインは Click to Tweet ほど好きではありません。 クリックしてツイートするほどには使われていないと思いますし、読んでいるときに自分の場所をマークするために強調表示する人にとっては混乱を招きます。これは、あなたが思っているよりも一般的です. Click to Tweet は、Highlight to Tweet プラグインよりもモバイルでうまく機能します。 Twitter で多くのモバイル リーダーを使用している場合は、クリックしてツイートすることをお勧めします。
とはいえ、ウィジェットの使用方法は自由に選択できます。 サイドバーに埋め込まれたタイムラインを使用して、人々が私の最新の 3 ～ 4 個のツイートをすばやく簡単に確認して読むことができるようにしています。 次に、投稿で求められたときに特定の引用に埋め込みツイートを使用します。 クリックしてツイートすることはあまりありませんが、使用すると、かなりうまくいくようです。 試してみて、気に入るかどうかを確認してください。
私は何か見落としてますか？ 私が取り上げなかったお気に入りの Twitter ウィジェットはありますか? お気軽にお知らせください。 ツールが気に入ったら、投稿に追加することもできます。