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

dev.kokushin

HTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。

ハッシュタグを指定してツイートできるリンクを設定する

f:id:kokushin:20160419191400j:plain

ハッシュタグを指定して、記事内にツイートできるリンクを設置する方法です。
どこで使うんだよと突っ込まれそうですが、実際に案件で使ったのでメモしておきます。

HTML

<a href="https://twitter.com/intent/tweet?hashtags=ハッシュタグ1, ハッシュタグ2" class="twitter-hashtags-btn" target="_blank">Twitterでつぶやく</a>

デモ

注意点

IE11にて、挿入するハッシュタグの文字列がエンコードされていないと表示されないバグがあったので、エンコードしておきましょう。

www.tagindex.com

UTF-8でエンコードしましょう。
以下動作デモです。

以上です。