twitterボタンをボックスタイプに変更する

twitterボタンをボックスタイプに変更する

ツイート件数の吹き出しをボタンの横ではなく上に表示するボックスタイプのtwitterボタンの設置方法です。

なぜか公式の設置コード生成ページでは作成できないボックスタイプのtwitterボタン。
設置コード生成ページで生成したコードに「data-count="vertical"」というパラメータを追加すればOKです。

<a href="https://twitter.com/share" class="twitter-share-button" data-url="URL" data-text="タイトル" data-via="アカウント" data-lang="ja" data-count="vertical">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

実際に設置するとこんな感じになります。

参考サイト

Tweet Button | Twitter Developers

下のボタンを押すと拍手送信&メッセージフォームが開きます。→WEB拍手お返事