ツイートボタンを設置

ツイートボタンを設置



ボタンの選択

表示名(指定項目) 説明
リンクを共有する

ツイートボタンと呼ばれるボタンを作成する。

特定のWebページからツイッターへ投稿できる。

フォロー 特定のTwitterアカウントへのフォローを促すボタンを作成する。
ハッシュタグ 特定のハッシュタグを含むツイートを投稿するボタンを作成する。

Twitter上でハッシュタグを使ってツイートを検索できるようにしたい場合に設置する。
@ツイート 特定のTwitterアカウントへの返信を投稿するボタンを作成する。

Webページを見た人と、Twitter上で返信を通して交流したい場合に設置する。

リンクを共有する
  • 設置されたページタイトルから始まる「ツイートフィールド」になります
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>



フォローする
  • 「ボタン(大)」を選択してみました


<a href="https://twitter.com/xxx" class="twitter-follow-button" data-show-count="false" data-lang="ja" data-size="large">@xxxさんをフォロー</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


ハッシュタグ

<a href="https://twitter.com/intent/tweet?button_hashtag=xxx" class="twitter-hashtag-button" data-lang="ja" data-size="large">Tweet #xxx</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>