Grow by Mediavine:4種類のSNSのシェアボタンの設置とシェア数表示ができる

2017年7月28日

4 種類の SNS のシェアボタンの設置とシェア数表示ができる WordPress 用プラグインがあります。
それは「Grow by Mediavine」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Grow by Mediavine

Screenshot of wordpress.org

Grow by Mediavine は、
Facebook、Twitter、Google+、Pinterestのシェアボタンを投稿記事の前後と、
画面の左側もしくは右側にフローティングバーでの設置とシェア数表示ができます。
シェア数は、個々のシェア数だけでなくて、SNS のシェア数を表示することができます。

記事を作成もしくは更新時点でのバージョン:v 1.3.5
マルチサイトでの利用:可

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Grow by Mediavine – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Grow by Mediavine」と入力します。

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Grow by Mediavine を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

有効化すると

プラグインを有効化すると、下記のようなメッセージが表示されます。

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

「Upgrade to Pro」は、有償版を購入を促すものなので、基本的にはスルーで可。
他のボタンも設定画面か使い方の解説ページが表示されるだけです。

専用メニュー

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

ダッシュボードの「設定」メニューの下に追加されています。

使い方

まずは、専用メニューから「Toolkit」を選択します。

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

シェアボタンをフローティング表示か記事の前後に表示させるかを選べます。
両方を選択することも可能。

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

有効にすると専用メニューにもサブメニューが追加されます。

Floating Sidebar

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

まずは、表示したい SNS を選択します。

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

「Select networks」ボタンをクリックすると選択画面が表示されます。
選択した後に「Apply Selection」ボタンをクリックすると適用されます。
シェアボタンを表示する順番もドラッグアンドドロップで入れ替えられます。

Display Settings

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

  • Button shape
    シェアボタンの形を長方形・角が丸い長方形・円形から選択します。
  • Button position
    フローティングバーの表示位置(画面の左側もしくは右側)を指定します。
  • Button spacing
    ボタンとボタンの間にスペースを空けるかどうか。
  • Show on mobile
    モバイル端末でも表示するかどうか。
  • Mobile screen width(pixels)
    「Show on mobile」にチェックが付いている場合に有効。
    ここで Pixels単位で設定された画面の幅をもつモバイル端末で表示されます。

Buttons Share Counts

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

個々のシェア数と合計数を表示するかどうかを設定できます。

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

  • Show share count
    個々のシェア数を表示するかどうか。
  • Show total share count
    合計数を表示するかどうか。
  • Total count position
    カウンターの表示位置を指定します。
  • Share count round
    シェア数が 1,000 を超えた場合に「1.2K」のように表示するかどうか。

Post Type Display Settings

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

フローティングバーを表示する投稿タイプを指定します。
カスタム投稿タイプが作成されている場合には、カスタム投稿タイプも選択可能です。

Content

この設定画面では、投稿記事の前後にシェアボタンを表示したい場合に使用します。

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

まずは、表示したい SNS を選択します。

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

「Select networks」ボタンをクリックすると選択画面が表示されます。
選択した後に「Apply Selection」ボタンをクリックすると適用されます。
シェアボタンを表示する順番もドラッグアンドドロップで入れ替えられます。

Display Settings

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

  • Button shape
    シェアボタンの形を長方形・角が丸い長方形・円形から選択します。
  • Button position
    シェアボタンの表示位置(記事の前か後ろもしくは両方)を指定します。
  • Number of columns
    列数を指定します。
  • Share Text
    シェアボタンと一緒に表示する文字列を入力します。
  • Show labels
    ラベルを表示するかどうか。
  • Button spacing
    ボタンとボタンの間にスペースを空けるかどうか。
  • Show on mobile
    モバイル端末でも表示するかどうか。
  • Mobile screen width(pixels)
    「Show on mobile」にチェックが付いている場合に有効。
    ここで Pixels単位で設定された画面の幅をもつモバイル端末で表示されます。

Buttons Share Counts

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

個々のシェア数と合計数を表示するかどうかを設定できます。

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

  • Show share count
    個々のシェア数を表示するかどうか。
  • Show total share count
    合計数を表示するかどうか。
  • Total count position
    カウンターの表示位置を指定します。
  • Share count round
    シェア数が 1,000 を超えた場合に「1.2K」のように表示するかどうか。

Post Type Display Settings

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

シェアボタンを表示する投稿タイプを指定します。
カスタム投稿タイプが作成されている場合には、カスタム投稿タイプも選択可能です。

Settings

WordPressプラグイン「Social Share Buttons - Social Pug」のスクリーンショット

Social Networks

Facebook Application ID と Application Secret を入力します。

Misc

  • Disable Open Graph Meta Tags
    Open Graph Meta タグを不可にするかどうか。
  • Enable Twitter Share Counts
    Twitter でのシェア数の取得と表示を有効にするかどうか。

代替プラグイン

Grow by Mediavine にほしい機能が無かった場合には、
Grow by Mediavine 以外にも SNS のシェアボタンを設置できるプラグインを記事にしています。
以下では、Grow by Mediavine を含めて 11 個を簡単に紹介しています。

SNSのシェアボタンを設置できるWordPressプラグイン一覧

URL

Grow by Mediavine – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています