ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

【Sharebar】ソーシャルメディアボタンがスクロール追従するWordPressプラグイン

      2014/12/07

131209_2011

Sharebarはサイトの左右や下辺りにソーシャルメディアボタンがカタマリになっていて、スクロールするとストーカーみたいにこれでもか!と付いてくるWordPressプラグインです。

基本的にはソーシャルメディアボタンは記事下にあることが一般的ですが、記事下と追従するソーシャルメディアボタンがあるとSNSで拡散する確率がかなり上がります。

スポンサーリンク

ちなみにボクのオススメのソーシャルメディアボタンの配置は、タイトル直下と記事下、そして画面左(追従タイプ)です。

1ヶ所だとクリックされる確率が少なく、2ヶ所だとちょっと心もとない、3箇所で安心する・・・という自分で勝手に思っています(笑)

使用しているWordPressテーマによっては若干SNSボタンが崩れてしまいます。上記のツイッターボタンは明らかに右側のスペースが広くなっています。どうやっても直りませんでした・・・orz

 

Sharebarのインストール

1, 管理画面「プラグイン」>「新規追加」

2, 「Sharebar」で検索

3, 「今すぐインストール」をクリック

4, 「プラグインを有効化」をクリック

 

Sharebarの設定方法

管理画面「設定」>「Sharebar」

インストールした状態だと下記のようにソーシャルメディアボタンがアメリカで主流のものとなっています。なので「ACTIONS」>「Delete」でいらないボタンを削除しておきましょう。

131209_1909 131209_1910

 

Sharebarの設定

サイトを確認しながら設定していきましょう。

131209_2013

Automatically … posts?・・・投稿ページで表示させるか。

Automatically … pages?・・・固定ページで表示させるか。

Display horizontal… ・・・ページが1000px以下になったらバーを表示させるか。

Display credit…・・・Sharebarプラグインへのリンク。不要。

Sharebar Position・・・Sharebarの位置。左か?右か?

Left Offset・・・左側に表示させるるときのカラムからの距離

Right Offset・・・右側に表示させるときのカラムからの距離

Minimum width…・・・横幅の長さ

Twitter Username・・・ツイッターのユーザーネーム

Sharebar Background Color・・・背景の色

Sharebar Border Color・・・囲っている線の色

 

SNSボタンの追加

SNSボタンを追加する場合は、管理画面「Add New Button 」をクリックします。

131209_2114

Name・・・ボタンの名前

Position・・・SNSボタンの順番。1が一番上。

Enable・・・必ずチェックを入れておきましょう。

Big Button・・・大きいボタン

Small Button・・・小さいボタン

 

設置するコードは公式サイトから取得できますが、面倒くさい!って方は下記のコードをコピペしてくださいね^^

Big ButtonとSmall Buttonの2種類がありますけど、両方入れておくと自動的にBig Buttonが反映されます。

 

Twitterボタン

Big Button

 

Small Button

 

Twitter公式サイト
https://about.twitter.com/resources/buttons#tweet

 

facebookボタン

Big Button

 

Small Button

 

facebook公式サイト
https://developers.facebook.com/docs/plugins/like-button/

 

Google+ボタン

Big Button

 

Small Button

 

Google+公式サイト
https://developers.google.com/+/web/+1button/?hl=ja

 

はてなブックマーク

Big Button

 

Small Button

 

はてなブックマーク公式サイト
http://b.hatena.ne.jp/guide/bbutton

※1ページ中に複数のはてなブックマークボタンを設置する場合、script要素は1回分の記述で問題ありません。

 

Pocketボタン

Big Button

 

Small Button

 

まとめ

ソーシャルメディアボックスがスクロールすると追従してくるので視覚的にうっとうしい?かなと思う人もいますが、それ以上にボタンをクリックしてくれる感じがするのでSharebarは導入したほうがオススメかと思います。

ただ、Sharebarはスマホには適応されないので、スマホでもソーシャルメディアボックスをしっかり表示して記事の拡散を狙って行きましょう。

ちなみに当サイトにあるソーシャルボタンはsharebarを使用していません。
Sharebar不要!スクロール追従するソーシャルメディアボタンを実装する方法

 - SNS, WordPress Plugins


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

Message

メールアドレスが公開されることはありません。

関連記事

mini_rss
【RSS Footer】RSS feedに著者情報を入れる対記事盗用WordPressプラグイン

RSS FooterはRSSに著作情報(リンクや署名)を入力して、記事盗用を防い …

131118_1901
【PuSHPress】Googleへのインデックスを加速させるWordPressプラグイン

PuSHPressはGoogleへ自分のブログを更新しましたよ!という情報を素早 …

140309_1901
【TablePress】HTMLの知識がなくてもサクッと表が作成できるWordPressプラグイン

TablePressはHTMLの知識がなくてもサクッと表が作成できるWordPr …

131229_2001
【Buffer】ブログ記事を指定した日時に予約・自動投稿してくれるサービス

Bufferは運営しているブログ・サイトの更新記事を指定した日時に予約・自動投稿 …

131113_2201
【Contact Form 7】お問い合わせフォームを設置できるWordPressプラグイン

WordPressを初めてインストールした段階では、ブログ・サイトにはお問い合わ …

131206_1901
【Open Graph Pro】facebookからのアクセス数がグン↑と上がるWordPressプラグイン

Open Graph ProはOpen Graph Protocolという、fa …

131130_2101
【WP External Links】外部リンクにtarget=”_blank”とrel=”nofollow”を設置できるWordPressプラグイン

WP External Linksは外部リンクを別ウィンドウ・タブ(target …

131215_1860
【WP Social Bookmarking Light】ソーシャルメディアボタンを設置できるWordPressプラグイン

WP Social Bookmarking Lightは投稿ページ・固定ページの …

131113_0001
【Better Delete Revision】過去のリビジョンを一括削除するWordPressプラグイン

WordPressには「リビジョン」という機能があります。これは今まで書いた記事 …

131220_2101
Sharebar不要!スクロール追従するソーシャルメディアボタンを実装する方法

サイトを拡散させるためにソーシャルメディアボタンを使用するのはもはや当たり前の時 …