Julycat.net - a personal web notebook -

PC/スマホ/アプリ対応のオンライン広告。

#WEB

下記のようなコードが生成されるのでサイトに埋め込む。
（ここのコメント欄だとJavaScriptを書いても動かないけど；

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</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>

しかたないので ncclip.html 内に追加してみた。
（動くけど……、ツイートのテキスト部分が title を引っ張ってるようでサイト名にしかなりません；

そこで上記のコードの
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
を
<a href="https://twitter.com/share" class="twitter-share-button" data-text="[[TITLE]] " data-url="http://www.julycat.net/clip/hb.cgi[PARMALINK]">Tweet</a>
に書き換えることで対応。

data-text="〜"
data-url="〜"　（※[PARMALINK]はもちろん[[と]]で囲まれてるのですよ（記事中だと置換されるので；
の2項を追加してます。


参考したサイトの記事
Twitter Developers
https://dev.twitter.com/web/tweet-button
SNSボタンの実装方法メモ
http://qiita.com/katsunory/items/4d90e24e389a587d3690

#Twitter #JavaScript