HTML のスニペット集

このページは、HTML のスニペットなどをまとめる予定のページです。

目次

注意

  • コードのライセンスは CC0 (クレジット表示不要、改変可、商用可) です。

スニペット

Twitter ツイートリンク

テキストのみ
<a href="https://twitter.com/intent/tweet?text=【ツイート内容】">ツイート</a>
テキスト + URL
<a href="https://twitter.com/intent/tweet?text=【ツイート内容】&amp;url=【ツイートURL】">ツイート</a>
  • 【ツイート内容】 や 【ツイートURL】 は URL エンコード (パーセントエンコーディング。PHP の場合 rawurlencode()) されている必要があります。
  • Guides — Twitter Developers

Twitter ツイートボタン

公式 (script)
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">ツイート</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Twitter フォローボタン

公式 (script)
<a href="https://twitter.com/test?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @test</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  • test の箇所 (2箇所) をフォローさせたいユーザー名に変更します
  • Twitter Publish

Facebook シェアボタン