ウェブ学のすすめ

Study of Web Design & Programing

ツイートボタンを設置する方法

プレビュー


↓別ウィンドウを開いて見る
ツイートボタン - js do it


QRコード

※おすすめQRコード読み取りアプリ

最速QR
カテゴリ: ユーティリティ
サイズ: 1.5 MB
価格: 無料

ポイント


Twitterにログインし、「素材」リンクをクリックします

↓「Twitterボタン」を選択し、サイトやブログに載せたいツイートボタンを選びます。

↓オプションを設定し、出力されたソースコードをサイト、ブログに貼り付けます。

コード

<!-- ▼リンクを共有する -->
<p>
    <a href="https://twitter.com/share" class="twitter-share-button" data-via="webgaku" data-lang="ja">ツイート</a>
</p>
<!-- ▼フォローする -->
<p>
    <a href="https://twitter.com/webgaku" class="twitter-follow-button" data-show-count="false" data-lang="ja">@webgakuさんをフォロー</a>
</p>
<!-- ▼ハッシュタグ -->
<p>
    <a href="https://twitter.com/intent/tweet?button_hashtag=iphone" class="twitter-hashtag-button" data-lang="ja" data-related="webgaku">Tweet #iphone</a>
</p>
<!-- ▼@ツイート -->
<p>
    <a href="https://twitter.com/intent/tweet?screen_name=webgaku" class="twitter-mention-button" data-lang="ja" data-related="webgaku">Tweet to @webgaku</a>
</p>
<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>