WordPressプラグイン Sharebarの使い方と設定方法

SNSでの拡散を促進するプラグイン【Sharebar】の設定方法

ShareBarは、ソーシャルシェアボックスを追加するための
WordPressプラグインです。

ソーシャルシェアの数を増やしたいならインストールしておくと
良いとおもいます。

このプラグインはページをスクロールすると、ソーシャルボタンが
ついてくるという優れものです。

実装するメリットは、固定型に比べると、だいぶ目立ちますので、
ソーシャルメディアからのアクセス流入数が期待できるところです。

 

スクリーンショット 2014-04-22 11.19.29

 

 

  ShareBarのインストール

インストールの方法についてはダッシュボード(管理画面)より
プラグイン新規追加をクリックします。

プラグイン新規追加

 

ダッシュボード(管理画面)の新規追加をクリックし検索ランにSharebar
と入力します。

シェアバー入力

 

プラグインの検索をクリックすると、下記画面になります。
今すぐインストールをクリックすると、インストールされます。

プラグイン検索された

 

プラグインの有効化をします。

有効かします

しかしインストールしたままの状態では、はてなブックマークや
プラスワンボタンがありません。

 

プラグインの設定

Sharebarはスクロールしても、Sharebarがついてきてくれ、SNSで
伝えたいときにシェアできるので非常に便利です。

Sharebar(シェアバー)を使いたいが、設定の仕方がわからない。
拡散効果の高い、ソーシャルボタンの設置方法が知りたい。
僕がやってみて分からない所を細かく解説します。

 ShareBarをクリックし設定画面に入ります。

 

 ShareBarの設定

 

Sharebarの設定画面です。外国産ですのでこのままだと、不必要な物が
多くあります。

 

シェアバー設定画面

 

いらないソーシャルボタンの削除方法

ほとんどが日本で使わないソーシャルボタンですので、この画面で
いらないボタンを削除します。

 

ソーシャルボタン削除

 

いらないボタンにチェックを入れてWith Selected:でEnableとありますが
Deleteを選択しUpdateをクリックし削除します。

 

Facebookのエラーの表示の直し方

ここでFacebookがエラーになっていますがまずここを直しましょう。

facebook

矢印のEditをクリックし編集します。

 

編集画面

 

  • Neme      は今編集しているFacebookです。
  • Position は表示される時の順番です。今は3番目になっています。
  • Enabled ここにチェックを入れて下さい。
  • Width      ここは重要です。【70px】に変更します

ShareBarでは大きいボタンしか使わないです。

 

Sharethisボタンの変更方法

ShareBarをインストールした時点ではメールやシェアがついています
要らない物をスッキリと変更します。

編集ボタンをクリックします。

シェアジスボタン変更

Sharethisの編集画面になります。
僕の場合すでに編集しているのでSharethisボタンの下についてない
画像になっていますが、下の枠の中を削除するとこのような
ボタンになります。

 

Sharethis

よく見ていただくとEmailとか書かれているのが分かると思います。
この囲みから下のの部分を削除します。

そしてUpdate Buttonをクリックします。

ShareBarの設定画面ではエラーになっていても,この設定を
した後はサイトでは表示されます。

 

ないボタンの取得方法

はてなブックマークボタンのボタンコードを取得

はてなブックマークボタンを、取得します。

http://b.hatena.ne.jp/guide/bbutton

上記のアドレスから取得画面に入る事ができます。

はてなブックマーク

ページアドレス:URLとタイトルは空欄のままでソースをコピーしてください!
ここにトップページのURLブログのタイトルを入れてしまうと、
個別ページを開いた状態で、ブックマークしても、個別ページではなく
トップベージが常にブックマークされてしまう事象がおきます

ページタイトル:ここも空欄にします。

ブックマーク数:「表示(バーティカル)」にすることで、大きい
サイズのボタンが取得できます。

ボタン設定をすると再生されるボタンの表示取得の所が
変更されていきます。

ここの大きな枠の中をコピーします。

 

 Add New Buttonで新たに追加します

Add New Button」をクリックして、追加できます。

Add new Button

 

Big ButtonSmall Buttonの設定を、先ほど作成した、
はてなブックマークで表示されたソースをコピーして、それぞれ貼り付けます。

Add new botton

 

Name: ここはボタンの名前を入れます。英語で入れた方が無難です。

Position: 表示の順番です。上から何番目に表示するか、ばん後を決めます。

Enabled: ここにチェックを入れます。

Big Button: 先ほど作成したソースを貼付けます。

Small Button: もソースをコピーペースとしときましょう。

ソース貼付け

Update Buttonをクリックし登録します。

 

その他Googleソーシャルボタンの追加

 Google+公式サイトから大体、同じ様な方法でソースコードを取得し
貼付けてボタンを追加します。

実際は下記のアドレスに入りボタンを作成します。
ここでのアドレスは僕のですのでリンクは貼っていませんが

https://developers.google.com/+/web/+1button/

googleに登録しサインインできる状態でしたら下記の画面になります。

google設定画面

Size: 一番大きいサイズにチェックを入れます。
Annotation: はbubbleを選びます。
Language: はJapanneseを選びます。

囲みの中にソースが出来上がりますのでコピーして
Add New Buttonをクリックし下記画面に上記で説明した様に

 

名前や表示される順番等入れて、大きい囲みに貼付けします。
Add Buttonをクリックします。

スクリーンショット 2014-04-22 16.48.58

そしてアップロードしますと記事の横にSNSのシェアボタンが
表示されています。

シェアボタンが目につきやすいところにあれば、各々のSNSで共有して
もらえる可能性が高くなります。

せっかくブログやホームページ等を運営しているのだから、シェアして
頂いて多くの人に見てもらいたいですよね。

 

シェアーバー完成

自分のブログに合わせてカスタマイズしていけるので、色々試してみましょう。

 

 

 

スポンサーリンク

この記事を読んだなら、以下記事もおすすめ!

   

ー 商品 リンク ー

健康に良い食材商品リンク
完全無欠朝食バター コーヒーで使用 健康に良い 食用油オイル 体に良いハチミツ 食品に関する 書籍
HARIO (ハリオ) ハリオール ブライト コーヒー & ティー フレンチ プレス 4杯用 THJ-4SV

バージンココナッツ オイル

マヌカハニーMGO400+ 500g ジョコビッチの生まれ変わる食事
HARIO (ハリオ) ミルク 泡立て器 クリーマーゼット CZ-1  ブラウンシュガーファースト 有機エキストラバージンココナッツオイル  マヌカハニー バイオアクティブ 20+(UMF20+) 500g マヌカドクター【海外直送】 (1個) [並行輸入品] シリコンバレー式 最強の食事
業務用5kg フォンテラ社グラスフェッドバター バージン オリーブオイル エキストラバージン オリーブオイル 酸度0.3%以下 250ml ココナッツ癒しパワー 健康で、美く
ニュージランド産 グラスフェットバター無塩1kg 冷凍 安全ですばらしい 亜麻仁油 フジッコ カスピ海 ヨーグルト 「腸の力」であなたは変わる: 一生病気にならない、脳と体が強くなる食事法 (単行本)
ギー・イージー 100g  MCTオイル グルテンフリー食品 はじめてのオーガニック手帖
コーヒー豆 プレミアムブレンド 100g レインフォレスト  ココナッツオイル100% ココヤシの泉 ナチュレオ 912g 【生活科学研究会】 オーガニック ココナッツ&ギー(グラスフェッドバター)325ml混ぜるだけでバターコーヒー(完全無欠コーヒー)にEU有機認証 

からだの中から若返るグリーンスムージー健康法

携帯出来る MCTオイル (20g×10包)  グルテンフリーパン 

あなたは半年前に食べたものでできている 実践編

 マウントハーゲン オーガニック フェアトレード インスタントコーヒー100g 携帯用日本製粉 アマニ油 ミニパック 5g 30袋  グルテンフリーパスタ