[サイト作成]サイト・ブログにSNSボタンを設置

ワードプレスの場合は、
テンプレート側でシェアボタンが用意されてるかと思います。
当ブログでも使用しているテンプレートのCocoonは、
テンプレート側でシェアボタンの設定ができるため基本不要。

ということで、SNSボタンが用意されてない環境の人向けの内容です。
htmlタグを張り付けるだけで動作します。
php動作のブログじゃなくても、静的なhtmlサイトでも使えます。

メリット

・ 設置は比較的簡単
・ シェアボタンは大量にあり、その中から好きなものを選択可能
・ 自由な位置にシェアボタンを配置可能
・ クリック数などがカウントできるアクセス解析機能あり

デメリット

・ サービス終了で利用不能になる可能性がある
・ サービス終了時はhtmlタグの再編集する手間が発生
・ フィーリングで何とかなるけど言語は英語のみ

インラインでページの指定した場所に入れた場合のイメージです。
シェアボタンは好きなものを選べます。

06.jpg

ボタン一覧

01.png

シェアボタンの配置方法もたくさんある。

02.png

ページ内に埋め込む場合はinline

03.png

使い方

htmlタグに追加するだけ。

以下は私のコードなのでこれをコピってもしょうがないです。
それぞれ割り当てられますので各自のコードを</body>タグの直前に挿入。
freoだとfooter.htmlに</body>タグがあります。

04.png
04.png

上記のコードを</body>タグ前に挿入し、
SNSボタンを表示させたい場所にInline Share Buttonsのコードを入れます。

05.png

 これで終わり。

サービス提供サイト

AddThis
https://www.addthis.com/

タイトルとURLをコピーしました