はてなブログのおしゃれなSNSシェアボタンを設置する方法!【Add This】
シェアボタンはオシャレでキレイが良いけど簡単に設置したい!
記事を出来るだけ多くの人に見てもらうためには
多くの人に、様々なメディアで拡散してもらうことです!
そういう意味でブログやサイトに「シェアボタン」を設定する事は非常に大切です。
また、そのシェアボタンは押してもらいやすいように見やすく、キレイであるとより良いでしょう!
けれど、サイトの設定からシェアボタンを設置するのは難しい。
そんな、あなたにおすすめしたいのがコチラのシェアボタンです。
Add This
Add thisをおすすめする理由
大きく分けて3つです。
①コピペで一発登録することが出来る。
②シェアボタンの配置とデザインを何度もいじれる。
③シェアボタンのアクセス計測が出来る。
④ワードプレスはもちろん、はてなブログにも設置可能!
⑤レスポンシブにも対応している!
特に③に関してはただ、シェアボタンを設置するだけでは
受けられない恩恵だと思います。
英語サイトですが、少し我慢してくださいね…
シェアボタンを設置しよう!
ボタンの設置は非常に簡単。
順番にやっていきましょう。
ログイン
TOPページに行ったら、
・メールアドレス
・Googleアカウント
・Facebookアカウント
を登録することで開始をすることができます。
僕は、Googleアカウントではじめました!
次のページでは左上の「share buttons」を選択してください。
シェアボタンを種類選ぼう!
次の画面では、ボタンの種類が選べます。
今回は一般的なシェアボタンを作りたいので
上から2番目「inline」を選択します。
シェアの表示方法選ぼう!
次は、シェアされた数をどのように表示するかを決めます。
一般的なのは「total」でいいと思います。
シェアしてもらうメディアを選ぼう!
そのすぐ下にあるチェックボタンを変更すれば
自分の好きなメディアのシェアボタンに変更する事ができます。
僕は下記5つにしました。
・Google+
・はてなブックマーク
・Linkdln
はてなブログの場合
1番左の「HTML WEBSAITE」を選び①のソースをコピー
管理画面→デザイン→カスタマイズ(スパナ)→フッタ
に移動していただき、ペーストして下さい。
③のソースをコピー
管理画面→デザイン→カスタマイズ(スパナ)→記事上または下
あなたがシェアボタンを入れたい場所に入れてください。
記事の上下両方に入れても構いませんし、どちらかでも構いません。
※記事下は反応が良いとされています。
設置が終わりましたら、デフォルトで設置している
管理画面→デザイン→カスタマイズ(スパナ)→記事→ソーシャルパーツ
まで行き、チェックされているボタンをすべてはずしましょう。(スターは大丈夫です。)
ワードプレスの場合
左から2番目がワードプレス用のソースになります。
対応する箇所にコピペしましょう。
また、ワードプレスの場合はより簡単な方法の
プラグインが出ていますので見てみて下さい!
まとめ
いかがでしたでしょうか?
簡単におしゃれなシェアボタンとしてAdd thisを紹介いたしました。
このボタンのいいところは先程もお伝えをしたように、
シェアのアクセス解析も出来る所なので、
ぜひ管理画面から確認をしてみてください。
どれくらいの人がサイトに来て、どれくらいの人が何のメディアでシェアしているかが確認できます。
※Add thisにログインすると確認が可能です。
最後までありがとうございました!