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

行進ダイアリー

ふつうのブログです

livedoorBlogで公式ツイートボタンをトップページで使う方法

お久しぶりでやんす。
ヤサイでがす。


Twitter公式のツイートボタンが提供開始されましたー。
Twitter / ツイートボタン


さっそくlivedoorBlogで使ってみましたよ。


ところが、個別記事ページでは上手く機能するんですけど、トップページ・カテゴリアーカイブ・月間アーカイブでは、表示されてるページのurlとtitleを取得してしまうので上手く機能しませんね。


ということで、英語のAPIドキュメントを読んで頑張ってみましょう。
Tweet Button | dev.twitter.com


まず、ふつうにツイートボタンを作ると、こんなコードが生成されます。
※横に収まりきらないので適当に改行してます

<a href="http://twitter.com/share" class="twitter-share-button" 
data-count="vertical" 
data-via="ついったーID" 
data-lang="ja">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

これは個別記事ページでもうまく機能する!

これを

<a href="http://twitter.com/share" class="twitter-share-button" 
data-count="horizontal" 
data-via="ついったーID" 
data-url="<$ArticlePermalink$>" 
data-text="<$ArticleTitle$>" 
data-lang="ja">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

こんな感じで編集すると、トップページ・カテゴリアーカイブ・月間アーカイブでも上手く機能する!


※追記
これ、むっちゃ重いです。


おわり