★★★ たった "1日" でできるWordPressブログの作り方講座 ★★★ はじめてみる

AddToAnyで記事シェア率UP!SNSボタン設置手順を徹底解説

記事を多くの人に読んでもらうのに効果的なのが・・・

SNSなどで記事を共有してもらうこと

もちろん検索からの流入も大事。でもSNSなら拡散されやすいから、多くの人に記事を読んでもらいやすくなります。

でも記事内にただSNSボタンを表示するだけでは拡散効果はありません。

拡散力を高めるには SNSボタンを常に画面内に固定表示する ことです。

ここでは「AddToAny Share Buttons」というプラグインを使い、記事内にSNSボタンを固定表示する方法を解説します。

AddToAny Share Buttons の導入

まずメニューから「プラグイン」ー>「新規追加」をオープン。

そこでプラグイン名を検索欄すると検索結果に出てくるので、「今すぐインストール」を押してインストールしてください。

AddToAny - WordPressの投稿ページにSNSボタンを固定表示できるプラグイン。記事の拡散力アップが期待できる

ちなみに以下のプラグインページから直接ダウンロードも可。

https://ja.wordpress.org/plugins/add-to-any/

インストールしたら「有効化」ボタンを押し、有効化するのもお忘れなく。

AddToAnyのシェアボタンの基本設定

まず画面内に固定シャアボタンを作る前に、プラグインの基本設定をしておきます。

まずメニューから「設定」ー>「AddToAny」を選択してください。

メニューから「設定」ー>「AddToAny」を選択

選択すると次のような「AddToAny 共有設定」という設定画面が出てきます。

AddToAny 共有設定 - ここで表示するシェアボタンの種類や表示の仕方を設定できる。

既に「Standard」というタブが開かれていると思いますが、この画面でSNSボタンの種類などの基本設定を次の手順で行います。

1.表示するSNSシェアボタンの追加

SNS共有ボタンを追加・削除するには「Share Buttons」という項目から設定できます。

この項目で「サービスの追加/削除」というボタンを押すと次のようにずらずらと追加可能な共有ボタンが表示されます。

AddToAnyから表示したいSNSの種類を選択。Twitter・Facebookなどメジャーなのはもちろん、マイナーなものもあって多種多様

この中から追加したいボタンをクリックすると共有ボタンが選択されて追加されます。追加した共有ボタンはドラッグ&ドロップで順序を変えることも可能です。

これだけ共有ボタンの数が多いと何を追加すればいいのか分からなくなりますが、最低限次の共有ボタンは表示しておいた方が良いですね。

  • Twitterシェアボタン

    多くの人が利用しているおなじみのSNS。記事を多くの人に拡散してもらいたいならTwitter共有ボタンは必須かも
  • Facebookシェアボタン

    これもTwitter同様、記事を拡散するのに欠かせない共有ボタン
  • Google+シェアボタン

    Google+は利用者はそれほど多くないですが設置しておけば少しでも拡散効果アップ(※ 個人向けのGoogle+は2019年4月に廃止されました)
  • はてなブックマークボタン

    有名なブックマーク系サービス。まだまだ拡散力あり
  • Pocketボタン

    後で読む記事をストックしておけるサービス。最近人気が出てきて、ユーザー数も増えてきている
  • instapaperボタン

    これもPocket同様、後で読む系のサービス。機能面ではinstapaperの方が高機能なのでこちらを使っている人も多い
  • Flipboardシェアボタン

    多くのスマホに対応している雑誌型のSNS。スマホユーザーは多いので拡散効果が期待できるはず
  • Lineシェアボタン

    国内でのシェア率がかなり高いSNS。ユーザー数が多いので記事の拡散に役立つ

記事の拡散力を高めたいなら最低限これらの共有ボタンは入れておきましょう。

2.シェアボタンの場所の調整

このプラグインには記事下など特定位置に共有ボタンを設置する機能もありますが、固定表示する共有ボタンを作る場合は不要な機能です。

なので「ブックマークボタンの場所」の項目で、全チェック項目からチェックを外します。

もちろん記事下などにも共有ボタンを表示したいならチェックをつけたままでいいですが、ここでは共有ボタンを固定表示するのであまり意味はないです。

設定を変更したら「変更を保存」ボタンを押して保存してください。

これで共有ボタンの基本設定は完了。

AddToAnyでシェアボタン固定表示

ここからが肝心なところ

共有ボタンを固定表示するには、「AddToAny 共有設定」を開き、
下画像でオレンジ色の枠で囲った「Floating」タブを開いてください。

AddToAnyでシェアボタンを固定表示するには、まず「Floating」タブを開く

この画面で固定表示されるボタン(PC、モバイル)を作ります。

PC向け縦向き固定シェアボタンの作成

初めに画面幅の広いPCなどで 縦向きに表示される縦向き共有ボタン を作成します。

まず「縦ボタン」という項目の中にある「ブックマークボタンの場所」を探します。

そこで「 」または「右 」にチェックをつけてください。

今回は左にドッキングしてみる

まずは画面幅の広いPCで表示する縦向きの固定シェアボタンを作ってみる

そして「レスポンシブ化」という項目で、
画面幅が何ピクセル以上で縦ボタンを表示するかを入力します。

記事幅は800~900ピクセルのテーマが多いので、ここでは次のように幅が850ピクセル以上で縦ボタンを表示するように「850」と設定します。

これで「変更を保存」を押してPCなどでサイトを開いてみると左側に縦一列に共有ボタンが表示されるようになります。

AddToAnyで縦向きに固定表示されるSNSボタンを作ったときの様子

共有ボタンの位置や左や右から距離なども設定から変更することは可能です。

スマホ向け横型シェアボタンの作成

次に画面幅が小さいスマホ向けの 横向きの固定シェアボタン を作成します。

まず「横ボタン」という項目をさがし、「ブックマークボタンの場所」から「 」または「右 」のどちらかを選んでチェックをつけてください。

今回は左にドッキングしてみる

スマホでシェアボタンを固定するなら「横ボタン」から設定可能

そして縦ボタンの時とは逆に、
レスポンシブ化」で 画面幅が何ピクセル以下の時に横ボタンを表示するか 設定します。

ここでは縦ボタンが850ピクセル以上で表示なので、それに合わせ「850」と入力します。

以上の設定をして「変更を保存」ボタンを押してスマホでサイトを開いてみると画面左下に横一列で共有ボタンが表示されるようになります。

AddToAnyでスマホで常に固定表示されるシェアボタンを作ったときの様子

ただしスマホの画面は小さいのでボタンが入りきらないこともあります。

そういう場合は「アイコンサイズ」からボタンの大きさを調整してください。

もしシェアボタンを6~8個以上設置してる場合は上画像みたいに30ピクセル以下の値を設定すれば収まるはずです。

記事のシェア率UPには次の対策もおすすめ!

ここまで説明したように AddToAny を導入して画面端にSNSボタンを表示するだけでも記事のシェア効果はあります。

しかし、さらに記事のシェア率を上げたいなら次のような対策もオススメ

このような対策もかなり効果があるはずです。

まとめ

ネットユーザーにおけるSNSの利用率は増えてきているので、
記事を多くの人に見てもらいたいなら共有ボタンの設置は欠かせません。

多くの人に読まれるブログを作りたいなら、
AddToAny Share Buttons」はととも役立つこと間違いなしです。

The following two tabs change content below.

フク郎

昔はプログラミングに熱中していたが、ブログとWordPressに興味を持ち始め今はサイト・ブログ作りが生きがい。自分の「好き」をブログに変えたい、情報発信したい人に役立つWordPress術・サイト構築術を発信中。一日一歩楽しんでブログ構築できるように読みやすい&楽しい記事作りを心がけています。Twitterアカウントはこちら ⇒ フク郎@Fukuro-Press