この世で最も簡単なシェアボタンの設定方法

f:id:nanaco_blog:20190515210650p:image

シェアボタンを設置したかったのですが、

自分でURL指定したり、ボタンのサイズ設定したりしなきゃいけなくて。

ハードル高くないか?と思いつつも、ちょっと頑張ってみた・・・

が、CSS&HTMLド初心者の私には無理!! でした(笑)

諦めきれずにググりまくっていたら神ツール見つけたのでご紹介します!

 今回設定したかった条件

 

  • ボタンを押したら現在のページをシェアできる
  •  Facebook、twitter、pocket、はてブのボタン

これを出来るようにするには パラメータの設定、URLの自動取得とか必要っぽかったんだが、う〜ん分からない。

 

そんなど初心者の方は必見^^ 

 ど初心者向けシェアボタン設置方法

www.addthis.com

 

これで作ったのが現在表示されているシェアボタンです。

条件を満たすだけではなく、スクロールと一緒に動いてくれるという・・・感激。

下の参考サイトがすごく丁寧にやり方書いてくれてますのでご参考に。

(もはや見なくてもAddThisならシ10分もかからず出来ちゃうかも)

参考にしたサイト

www.gachatsuku.com