A mention button is a special type of Tweet button to encourage a new Tweet focused on an interaction between the user and a mentioned account. A Tweet beginning with @username
do not appear on the author’s timeline in the default view; the Tweet will only appear in the home timeline of the author’s followers if the viewer follows both the author and the mentioned user. Read more about @replies and @mentions.
The mention button generator is a simple, form-based approach to generate HTML markup you may copy-and-paste into your website template.
Mention ButtonA mention button is a special type of Tweet button to encourage a new Tweet focused on an interaction between the user and a mentioned account. A Tweet beginning with The mention 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-mention-button
クラスの付いたa(アンカー)エレメントを新たに作成します。
Twitter ウェブインテントのツイート書き込みボックスへのリンクを作成するには、href
属性に https://twitter.com/intent/tweet
の値を設定します。
<a class="twitter-mention-button" href="https://twitter.com/intent/tweet"> Tweet</a>
2. screen_name
クエリーパラメータとa(アンカー)エレメントの内部テキストのコンポーネントとして、言及するアカウントのユーザー名を追加します。
<a class="twitter-mention-button" href="https://twitter.com/intent/tweet?screen_name=TwitterDev"> Tweet to @TwitterDev</a>
3. 読み込み用のコードを使って、非同期にTwitterのウィジットJavaScriptを読み込みます。 このJavaScript コードでは、現在のページに実装された既存の TwitterのウェブウィジットJavaScriptのバージョンを確認し、 ウィジットJavaScript が読み込まれた後にファンクションキューを初期化して実行し、TwitterのCDNから ウィジットJavaScript を非同期に読み込みます。
How to add a mention button to your website1. Create a new anchor element with a <a class="twitter-mention-button" href="https://twitter.com/intent/tweet"> Tweet</a> 2. Add the username of the mentioned account as a <a class="twitter-mention-button" href="https://twitter.com/intent/tweet?screen_name=TwitterDev"> Tweet to @TwitterDev</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. |
Twitterウィジットの JavaScript ライブラリでは、 twttr.widgets.createMentionButton
関数を使ったメンションボタンの動的挿入をサポートしています。 ユーザー名と、対象となるcontainer エレメントと、ツイートボタンの JavaScript ファクトリー関数でサポートされているのと同じオプションを渡してください。
twttr.widgets.createMentionButton( "TwitterDev", document.getElementById("container"), { size:"large" } );
JavaScript factory functionTwitter’s widget JavaScript library supports dynamic insertion of a mention button using the twttr.widgets.createMentionButton( "TwitterDev", document.getElementById("container"), { size:"large" } ); |