WEB制作(html・css(スタイルシート))に関する各種メモ書き

ツイッターに投稿してもらいやすくするTweetボタンを設置する

ツイッターに投稿してもらいやすくするTweetボタンを自分のサイトに設置するには

■ Twitter公式 ツイートボタン

http://twitter.com/goodies/tweetbutton

から設置するのが標準です。

例えばボタンだけのリンクは以下のようになります

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

これをカスタマイズして任意のURL(例:www.hogehoge.com/test.html )をツイートさせたいときは

<a href="http://twitter.com/share?url=http%3A%2F%2Fwww.hogehoge.com%2Ftest.html" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

という風に ?url= をつけて記述すればOK!

また ?title= をつければページのタイトルを自由に設定できます。

ただしそれぞれURLエンコードする必要があります

URLエンコードの例
: → %3A
/ → %2F

No.774
03/23 12:29

edit