Twitter

twitterのツイートボタンを作るためのリンクshareとintent/tweet

More than 1 year has passed since last update.

オリジナルツイートボタンを作りたい

突如「指定のテキストとハッシュタグ入りのツイートのウィンドウが出るボタン」を作ることになった。

指定の形でaタグを作れば、いつものtweetボタンが作れるらしい。

参考文献

さっくり作るならここ
http://blog.yuhiisk.com/archive/2015/10/12/twitter-share.html

パラメーターの触り方はここ
http://kiteretsu-world.info/blog/2015/07/05/how-to-make-tweet-button/

コード

参考文献を読む前に、拝借してきたコードを使ったら「シェアじゃなくてツイートで」とクライアントから言われた。

shareの方

<a href="https://twitter.com/share?text=テキストテキスト%0a改行もできるし%20スペースも&url=https://www.url.url/&hashtags=タグ,二つ目" onClick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" rel="nofollow" class="twitter-link">
twitterでshare
</a>

intent/tweetの方

<a href="https://twitter.com/intent/tweet?text=テキストテキスト%0a改行もできるし%20スペースも&url=https://www.url.url/&hashtags=タグ,二つ目" onClick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" rel="nofollow" class="twitter-link">
tweet
</a>

URLが違うだけで、とりあえずツイートボタンの挙動としては大差ない。
パラメーターの使い方も一緒。

使って便利↓↓
改行:%0a
空白:%20
hashtagsは,(カンマ)で区切れば複数指定可能

そしてもって、shareとintent/tweetですが……intentの方はいろいろできるみたい。
Web Intents

機会があれば。