サイトのトップへ戻る

Twitter 開発者 ドキュメント日本語訳

サイト内検索

ハッシュタグボタン

ハッシュタグボタンは、キーワードごとにグループ分けされた会話への参加を促す、特殊なタイプのツイートボタンです。 Twitterのハッシュタグについての詳細を読んでください

The hashtag button generator is a simple, form-based approach to generate HTML markup you may copy-and-paste into your website template.



あなたのウェブサイトにハッシュタグボタンを追加する方法

1. TwitterのウィジットJavaScript がエレメントを見つけてハッシュタグボタンへのリンクを補強できるようにするため、twitter-hashtag-button クラスの付いたa(アンカー)エレメントを新たに作成します。Twitter ウェブインテントのツイート書き込みボックスへのリンクを作成するには、href属性に https://twitter.com/intent/tweetの値を設定します。

<a class="twitter-hashtag-button"
  href="https://twitter.com/intent/tweet">
Tweet</a>

2. button_hashtagのクエリパラメータ値とa(アンカー)エレメントの内部テキストのコンポーネントとして、あなたの興味のあるハッシュタグを追加してください。

<a class="twitter-hashtag-button"
  href="https://twitter.com/intent/tweet?button_hashtag=TwitterStories">
Tweet #TwitterStories</a>

3. 読み込み用のコードを使って、非同期にTwitterのウィジットJavaScriptを読み込みます。 このJavaScript コードでは、現在のページに実装された既存の TwitterのウェブウィジットJavaScriptのバージョンを確認し、 ウィジットJavaScript が読み込まれた後にファンクションキューを初期化して実行し、TwitterのCDNから ウィジットJavaScript を非同期に読み込みます。



二次ハッシュタグを定義する

hashtags ウェブインテントのクエリパラメータを使って、ツイートに事前に埋め込まれるテキスト文に追加ハッシュタグを含めます。 button_hashtagパラメータに定義されてボタン内に表示されているハッシュタグは、hashtagsパラメータに定義されてるハッシュタグよりも前に表示されます。

<a class="twitter-hashtag-button"
  href="https://twitter.com/intent/tweet?button_hashtag=TwitterStories&hashtags=TBT,FF">
Tweet #TwitterStories</a>


JavaScript Factory Function

Twitterウィジットの JavaScript ライブラリでは、twttr.widgets.createHashtagButton関数を使ったハッシュタグボタンの動的挿入をサポートしています。 ハッシュタグと、対象となるcontainer エレメントと、ツイートボタンの JavaScript ファクトリー関数でサポートされているのと同じオプションを渡してください。

twttr.widgets.createHashtagButton(
  "TwitterStories",
  document.getElementById("container"),
  {
    size:"large"
  }
);