サイトのトップへ戻る

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




メンションボタン

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.



あなたのウェブサイトにメンションボタンを追加する方法

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 を非同期に読み込みます。



JavaScript factory function

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

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