shareaholic

Webサイト制作

[オススメプラグイン]SNSボタンをとっても簡単に追加できるShareaholicの使い方・設定方法まとめ!

SNSボタン,shareaholic

geralt / Pixabay

こんにちは。

2019年1月から夫婦で世界一周に行っているゴリぱちです。(@3Bgoripachi)

みなさんに質問です。

あなたがブログを読んでいる時、「あ、この記事いいな!シェアしたいな!」と思った時、以下の2つの方法があったらどちらの方が嬉しいですか?

① 記事の画面上にSNSボタンがついており、そのボタンを押すと自動的にSNSに記事がシェアされる場合

↓SNSボタンが画面上にあるイメージ

shareaholic

 

② 記事のURLをコピーして、コピーしたURLをSNSに打ち込む場合

僕は、圧倒的に①の方が嬉しいです。

おそらくみなさんも、圧倒的に①の方を支持すると思います。

②のように、シェアまでに手間がかかってしまうと、「めんどくさいし、シェアしなくていいや。」となってしまいます。

せっかく、いい記事を書いたとしても、それが読まれなければ全く意味がありません!

こんなことを言いつつも、僕も自分のブログの画面上にSNSボタンを設置したのは、つい先日のこと!笑

ブログテーマによっては、SNSシェアボタンが常備されているものもあるようですが、僕のブログテーマには常備されていないため、プラグインに頼るしかない!

↓ブログテーマ[SANGO]はSNSシェアボタンが常備されており、ブロガーからの人気が高いようです!
・WordPressテーマ「SANGO」29の魅力 by サルワカさん

そんな時、僕がたどり着いたプラグインが[Shareaholic]でした!

Shareaholicを導入することで、まさに僕が求めていたデザインのSNSボタンを簡単に設置することができたのです!

今回は、「SNSボタン導入したいけど、どうやればいいのか。。。」悩んでいる方へ、ShareaholicでのSNSボタンの導入と設定方法をご紹介していきます!

*導入時間は15分程度!

手順① Shareaholicののインストール

まず、ワードプレスのプラグイン検索から、[Shareaholic]をインストールし、有効化してください。

shareaholic

手順② Shareaholicへ登録する

有効化が終了すると、画面の上の方に[Complete Installation]と表示されるので、そちらをクリックします。

shareaholic

すると、[Welcome to Shareaholic]と表示されるので、ここの[Get Started]をクリックします。

shareaholic

すると、下記のような画面が表示されます。この時はまだ、何もいじらなくて大丈夫です。

shareaholic

この画面の上の方に、[Sign Up Free]とあるので、ここからShareaholicへの登録をしていきます。

ここで登録をしておかないと、SNSボタンを設置できないので、登録は必須です!

もちろん、登録は無料なのでご安心ください!

shareaholic

こちらの画面から、登録を済ませてください!

shareaholic

登録が終わると、登録したメールアドレス宛に確認メールが届くので、そちらからShareaholicへログインしてください!

shareholic

手順③ Shareaholicへサイトを登録する

ログインしたら、ダッシュボードからSNSボタンを追加したいサイトをShareaholicへ追加しましょう!

ここでは、[Add Sites]を選んでください。

そしたら、次のような画面が出てきますので、登録したいサイトのURLを記入してください。

shareaholic

そして、次に出てくる画面の緑色の部分の[Yes,I have!~]をクリックしてください。
shareaholic

そうしたら、画面の青い部分の[Link this site Profile to ~]をクリックしてください。

shareaholic

すると、最初のダッシュボード画面に戻るので、きちんと登録されているかを確かめるために、[Manage Sites]をクリックしましょう。

shareaholic

すると、登録されているサイト情報が出てきます!

こちらで表示されていれば、登録は完了です!

*登録が終わると、Shareaholicから[登録完了メール]がくるので、こちらも合わせて確認してください!

shareaholic

手順④ Shareaholicの設定

さて、ついにSNSボタンの設定に入ります!

Shareaholicへログインする前に、ワードプレスのShareaholicの設定をしておきましょう!

ワードプレスのShareaholicの管理画面にはもともと設定がしてありますが、[Display on excerpts]以外のチェックを全て外すようにしておいてください!

作業が完了したら、[Save changes]を忘れないようにクリックしてくださいね!

shareaholic

 

次に、Shareaholicへログインし、ダッシュボードから[Affiliate Links]と[Anchor Overlay Ads]をOFFにします!

*画像のように、赤色になっていればOFFになっているということです。

shareaholic

そして、[Floated Share Buttons]の設定を行います。これがSNSボタンの設定になります!shareaholic

Shareaholicのいいところは、SNSボタンが画面にどう映っているかを、リアルタイムに把握することができる点です!

[Desktop/Mobile]共に対応していますよ!

Desktopの場合

↓Desktop設定時の画面

画面左側が設定画面ですが、設定はとても簡単!

shareaholic

[Design-Size]は、アイコンのサイズ設定。

[Design-Counter]は、どのSNSでどのくらいの回数シェアされたのかの回数表示。

[Design-Alignment]は、SNSアイコンを画面上での表示場所。

正直、他の部分はいじらなくて大丈夫です!

あとは、[SELECT SERVICE]から使いたいSNSを選ぶだけです!

Shareaholicの嬉しいところは、LINEが追加できること!

僕は、facebook/twitter/LINE/messengerの4つを活用しています。

Mobileの場合

↓Mobile設定時の画面

MobileもDesktopとほぼ同じです!

shareaholic

[Design-Counter]は、どのSNSでどのくらいの回数シェアされたのかの回数表示。

[Design-Alignment]は、SNSアイコンを画面上での表示場所。

[SELECT SERVICE]は、使いたいSNSを選ぶ。

設定項目は本当に少ししかありません!

手順⑤ SNSボタンの確認

以上で、SNSボタンの設定は終了です!

きちんと動作しているか確認してみましょう!

↓Desktopの場合

shareaholic

↓Mobileの場合

shareaholic

ご覧のように、見事にSNSボタンが追加されました!

登録やら設定やら色々やりますが、所用時間は約15分程度!

たったの15分で綺麗なSNSボタンが設置できるのならば、やらない手はありません!

あなたのブログやウェブサイトをもっと色んな人に読んでもらうためにも、是非ともShareaholicを使って、SNSボタンを導入してみてください!

では、今回はここまで!

最後まで読んでいただ本当にありがとうございます!

また次回お会いしましょう!

関連記事

・[100記事達成!!!]雑記ブログ開始4ヶ月で100記事書いて得られたこととは?

・[1日100PV達成!]到達までにかかった期間や記事数、意識した5つのこと!

・ブログ開始9ヶ月で月間1万PVを達成した方法や収益をまとめてみました。

  • このエントリーをはてなブックマークに追加

関連記事

  1. グーグルアドセンス
  2. ブログ運営
  3. ブログ運営
  4. ブログ運営

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

世界一周YouTube始めました!

note始めました!

東大,合格,方法

まずはこちらから!

記事まとめ,ブログ

カテゴリー

アーカイブ

人気の投稿とページ

ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

66人の購読者に加わりましょう

世界一周YouTube始めました!

PAGE TOP