ウェブサイトやブログにTwitterウィジェットを設置する方法|Twitter Publishの使い方

ポイント

• 「Twitter Publish」にアクセスし、URLまたはTwitterハンドル(@ユーザー名)を入力します。レイアウトを選んでCopy Codeをクリックし、生成されたコードを自分のウェブサイトに貼り付けるだけです。
• Twitter Publishが生成するHTMLは、WordPressのHTMLウィジェットをはじめ、ほぼすべての場所に貼り付けて利用できます。

この記事では、Twitter Publishを使って、個別のツイートやタイムライン全体をウェブサイトやブログに表示するためのウィジェットを作成する方法を解説します。

Twitter PublishでTwitterウィジェットを作成する手順

Twitterウィジェットを活用すれば、最新のツイートの表示、関連するハッシュタグの告知、特定のモーメントの紹介など、さまざまなコンテンツを訪問者に届けられます。以下の手順に従って、簡単にウィジェットを作成しましょう。

1. ブラウザを開き、Twitter Publish(publish.twitter.com)にアクセスします。

2. 「Enter a Twitter URL」フィールドの下向き矢印を選択すると、ウィジェット化できるコンテンツの種類一覧が表示されます。

   

3. 対応しているコンテンツの種類は、ツイート、プロフィール、リスト、ユーザーハンドル(@から始まるID)、ハッシュタグなどです。デフォルトで表示されているURLを選ぶと、それぞれのウィジェットの見た目をサンプルとして確認できます。

4. 埋め込みたいツイートのURLをコピーし、Twitter Publishのタブに戻って「Enter a Twitter URL」欄に貼り付けます。URLを入力したら、右向き矢印をクリックして次のステップへ進みます。

   ウィジェットに表示したいコンテンツのURLがまだ手元にない場合は、新しいタブやウィンドウでTwitter.comを開き、コレクション、ツイート、プロフィール、リストなどのお目当てのコンテンツを探しましょう。@で始まるハンドル名やハッシュタグで検索することもできます。

5. URLを入力すると、表示オプションがいくつか提示されるので、好みのスタイルを選択します。選べる表示オプションは、ウィジェットにするコンテンツの種類によって異なります。

   

6. プレビューを確認します。表示内容に満足できたらCopy Codeを選択してコードをコピーし、ウェブサイトやブログのソースコード内の好きな位置に貼り付けます。ウィジェットの高さと幅は柔軟に設計されているため、掲載先のエリアのサイズに合わせて自動的に収まります。

   

   発行されるコードはごく普通のHTMLなので、HTMLが有効な場所ならどこにでも設置できます。WordPressの場合は、HTMLウィジェットにそのまま貼り付ければOKです。