シェアが増えると有益情報も増える不思議なサイトです

滞在時間劇的アップ!?WordPressプラグイン「Milliard」が便利

現在当サイトでも導入している無料WordPressプラグイン「Milliard」の導入方法と簡単な使い方を画像付きで解説します。

サイトにも依りますが、このプラグインを使うことでサイト内回遊率の改善が望めます。

お知らせ
プライムが無料で使えます
トップページをリニューアルしました

プラグインMilliardでできること

先にどのようなことができるのかを説明します。

今ご覧のこのページのもくじの上あたりに、スクロールで関連ページが表示されています。

これがMilliardでできることの1つです。

関連ページを表示するプラグインはたくさんありますが、Milliardは操作性も機能性も兼ね備えたシンプルなプラグインです。

後述するコードをWordPressのウィジェットエリアにコピペすれば、サイト内の自分の好きな位置に関連ページを表示することが可能です。

また、指定した特定のページを表示することもできます。

さらにリストタイプでの表示とパネルタイプでの表示もスマホ閲覧とPC閲覧それぞれで選択でき、スクロールの有無もカスタマイズできます。

    Milliardでできること!

  • 関連ページ一覧を好きな所に配置
  • 指定したページを一覧の中に含める
  • リストタイプとパネルタイプの選択
  • スマホとPCでそれぞれ表示タイプを切り替え可能
  • スクロールの有無も指定可能

特にスマホ閲覧者への効果を期待!

たとえば2chまとめサイトなどを見ていると、本文を読み始める前に関連記事やアンテナなどがずらーっと表示されています。

正直ちょっと邪魔に感じることも多いのですが、それでもやはり気になる単語が目に入るとリンク先を見てしまいます。

多くのWordPressで作成されたサイトは記事の下に関連記事を表示していますが、スマホなどの画面の小さなデバイスだと記事本文を最後まで読んだ人がさらに下にスクロールしてくれないとその関連記事エリアは眼に入ることすらありません。

そこで、記事本文に入る前に「他にもこんな記事がありますよ~」と伝える1つの手段としてMilliardは役立ちます。

ただし、扱っているサイトに依ってはあまり効果がないかもしれませんので、導入前後でどの程度回遊率が変化したのか確認した方が良いでしょう。

Milliardの導入方法

WordPressのプラグイン検索で「milliard」と検索し有効化するだけでOKです。

WordPressログイン

プラグイン

新規追加

検索
milliard-plugin

「いますぐインストール」をクリック

milliard-plugin2

「有効化」をクリック

完了!

導入は以上です。

今アレが安い?タイムセールチラ見

Milliardの使い方

まず、WordPress管理画面から「Milliard関連ページ」をクリックします。
milliard-setting

日本語なのですぐわかると思いますが、念のため簡単に説明します。


並び順の設定

milliard-setteing2
プラグインで表示する記事の選び方の設定です。

当サイトでは関連度順にしています。

表示場所の設定
milliard-setteing3
Milliardによって関連記事を表示する場所を選択します。

フッターの下にチェックを入れると、フッターの下に関連記事がズラーっと並びます。(以下の画像参照)
milliard-footer
当サイトではオフにしています。

紹介文の設定
milliard-setteing4
関連記事表示エリアの真上に表示する文章を入力できます。
milliard-bun
ツール名文字色の設定
milliard-setteing5
by milliard」という表記の色を指定できます。
「#fff」とすると真っ白で見えなくなりますが、Googleに隠しテキストと認識されるおそれもあるためあまりいじらないほうが良いかもしれません。
固定で表示するページの設定
milliard-setteing6
関連記事内に必ず表示したいページを指定することができます。
指定したページ自体を閲覧しているときはその記事はMilliardに表示されないようになっています。
PC/タブレットとスマホ/タブレットの設定
milliard-setteing7
PCやスマホでそれぞれどのように表示するかを設定できます。

当サイトではPC閲覧時はパネル表示、スマホはリスト表示にしています。

スクロールの可否や表示件数もここで設定します。

以上です。

指定した場所にMilliardで関連記事を表示する

特定の記事内などに表示したい場合も、特定のウィジェットエリアに表示したい場合も以下のコードを該当箇所にコピペするだけでOKです。

たとえば当サイトでは、「投稿本文中」に「テキストウィジェット」で上記コードをコピペしています。
milliard-text

WordPressテーマSimplicityを使用しています。

同様にSimplicityではデフォルトでモバイル用テキストウィジェットやPC用テキストウィジェットがあるので、それぞれで表示する位置を変えることも簡単ですね。

その他、よくわからない点がある場合にはMilliard公式ページに解決法が記載されています。

特にキャッシュ系プラグインを使っている場合は一旦キャッシュをクリアしないと反映されないようなので、その点だけ注意してください。

Milliardをカスタマイズする

これについては公式ページにも簡単な解説がなされています。

参考 Milliard関連ページのよくあるカスタマイズについて(WordPressプラグイン)

基本的にはChromeのデベロッパーツールなどでカスタマイズしたい該当箇所のCSSなどをチェックすれば割と簡単にできそうです。

↓フォローしとく?LINE@でお得な情報ゲット!