ツイートボタンを設置
ツイートボタンを設置
- アカウント→「素材」
- ツイートボタン:コード生成ページ
- http://twitter.com/about/resources/buttons#tweet
ボタンの選択
表示名(指定項目) | 説明 |
---|---|
リンクを共有する | ツイートボタンと呼ばれるボタンを作成する。 |
フォロー | 特定の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>