ハイリンクス

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

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

関連記事

medium_5000124976
【001 Prime Strategy Translate Accelerator】日本語翻訳ファイルをキャッシュ/高速化するWordPressプラグイン

001 Prime Strategy Translate Accelerator …

131119_1801
【Link to post】過去記事へのリンクを手軽に貼るWordPressプラグイン

Link to postは記事作成中に過去記事を紹介しておきたいときに手軽に内部 …

140401_1901
【WP Htaccess Editor】.htaccessをFTPソフト不使用で編集可能なWordPressプラグイン

WP Htaccess Editorは.htaccessファイルをFFFTPやF …

140311_2101
【Quick Adsense】各種広告をサイトのあらゆるところに挿入可能なWordPressプラグイン

Quick AdsenseはGoogle AdSense広告をサイトの記事中やサ …

131114_2301
【EWWW Image Optimizer】画像を圧縮・最適化するWordPressプラグイン

「EWWW Image Optimizer」はサイトで使用している画像を圧縮して …

131114_2201
【Broken Link Checker】リンク切れを定期的に知らせるWordPressプラグイン

Broken Link Checkerは自分のサイトに施してあるリンクが切れたと …

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

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

131210_1918
【UpdraftPlus】サイトのバックアップ・復元がお手軽にできるWordPressプラグイン

UpdraftPlusはWordPressで作成したサイトのすべてのデータ(デー …

140128_2001
【WP-Optimize】ワンクリックでデータベースの掃除と最適化をしてくれるWordPressプラグイン

WP-Optimizeはワンクリックでデータベースの掃除と最適化をしてくれるWo …

131225_2101
【Akismet】ウザいコメントスパムを遮断するWordPressプラグイン

Akismetはコメントスパムを遮断するWordPress初期設定時にプリインス …