読者です 読者をやめる 読者になる 読者になる

Tweetボタンのカスタマイズ

HTML/CSS

railsで動的なページにTweetボタンを埋め込みたいので、公式ドキュメント*1を見ながら、カスタマイズしてみました。

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
  <a href="http://twitter.com/share" class="twitter-share-button"
       data-count="horizontal"
       data-lang="ja"
       data-related="naoty_k"
       data-text="RT #{@article.title}"
       data-url="#{article_url(@article)}"
       data-via="naoty_k">Tweet</a>
</div>
属性 デフォルト 意味 備考
data-count horizontal ツイート数をどこに表示するか horizontal, vertial, noneから選択
data-lang en 言語
data-related ツイート後にオススメされるアカウント 挙動が細かいので公式ドキュメントを参照
data-text titleタグ内 ツイート本文 ここにurlを貼る必要はない
data-url HTTP Referer ツイート本文に貼られるurl t.coで短縮される
data-via ツイート本文末尾に「via @user_name」をつける

*1:http://dev.twitter.com/pages/tweet_button