Tweet ボタンを追加した

画面下部までスクロールすれば気づくが、ブログページに Tweet ボタンを追加した。

追加方法はありきたりなので簡単に。

Twitter Publish で Copy Code を押す。するとボタンとスクリプトが一体となった html コードがクリップボードに格納されるので、追加したい箇所に貼り付ける。

参考までにこのサイトで使ったコードを以下に示す。

<a
  href="https://twitter.com/share?ref_src=twsrc%5Etfw"
  className="twitter-share-button"
  data-text=""
  data-url="{fullUrl}"
  data-show-count="false"
  >Tweet</a
>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

若干 JSX 形式になってる部分もあるが大体はコピペしたまま使ってる。重要なのは data-url 属性で、そのページの URL を fullUrl として渡す。そうすることでこのボタンを押したページの URL が共有される。

他にも facebook や LINE のボタンもそのうち追加したい。