ハッシュタグボタンは、キーワードごとにグループ分けされた会話への参加を促す、特殊なタイプのツイートボタンです。 Twitterのハッシュタグについての詳細を読んでください。
The hashtag button generator is a simple, form-based approach to generate HTML markup you may copy-and-paste into your website template.
Hashtag ButtonA hashtag button is a special type of Tweet button to encourage participation in a conversation grouped by keyword. Read more about hashtags on 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 を非同期に読み込みます。
How to add a hashtag button to your website1. Create a new anchor element with a <a class="twitter-hashtag-button" href="https://twitter.com/intent/tweet"> Tweet</a> 2. Add your hashtag of interest as a <a class="twitter-hashtag-button" href="https://twitter.com/intent/tweet?button_hashtag=TwitterStories"> Tweet #TwitterStories</a> 3. Asynchronously load Twitter’s widgets JavaScript using our loading snippet. The JavaScript snippet will check for an existing version of Twitter’s widgets JavaScript on the current page, initialize a function queue to be executed once the widgets JavaScript has loaded, and load the widgets JavaScript asynchronously from Twitter’s CDN. |
hashtags
ウェブインテントのクエリパラメータを使って、ツイートに事前に埋め込まれるテキスト文に追加ハッシュタグを含めます。
button_hashtag
パラメータに定義されてボタン内に表示されているハッシュタグは、hashtags
パラメータに定義されてるハッシュタグよりも前に表示されます。
<a class="twitter-hashtag-button" href="https://twitter.com/intent/tweet?button_hashtag=TwitterStories&hashtags=TBT,FF"> Tweet #TwitterStories</a>
Define secondary hashtagsInclude additional hashtags in pre-populated Tweet text using the <a class="twitter-hashtag-button" href="https://twitter.com/intent/tweet?button_hashtag=TwitterStories&hashtags=TBT,FF"> Tweet #TwitterStories</a> |
Twitterウィジットの JavaScript ライブラリでは、twttr.widgets.createHashtagButton
関数を使ったハッシュタグボタンの動的挿入をサポートしています。
ハッシュタグと、対象となるcontainer エレメントと、ツイートボタンの JavaScript ファクトリー関数でサポートされているのと同じオプションを渡してください。
twttr.widgets.createHashtagButton( "TwitterStories", document.getElementById("container"), { size:"large" } );
JavaScript factory functionTwitter’s widget JavaScript library supports dynamic insertion of a hashtag button using the twttr.widgets.createHashtagButton( "TwitterStories", document.getElementById("container"), { size:"large" } ); |