【HOVERNER】WordPressサイトに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良かったのでご紹介

あなたはオーバーレイ広告って知ってますか?

わかば
オーバーレイ?
聞いたことないですね~

山本
わかばちゃんも絶対一度は見たことあるはずだよ

そうです、スマホとかでサイトを開いた時に、画面下からふわーっと表示される”アレ”のことです。

【HOVERNER】PCとスマホに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良い!

わかば
あ~ これなら見たことあります!

 

今回は、あなたのサイトにこのオーバーレイ(画像バナー)を

超簡単に設置することができるWordPressプラグイン「HOVERNER:ホバーナー」を紹介したいと思います。

山本
というのも、実際に僕が使ってみてめちゃくちゃ使い勝手が良かったからなんですね!

1.HOVERNERってどんなプラグイン?

【HOVERNER】PCとスマホに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良い!

HOVERNER はプラグインをインストールして

画像とリンクを設定するだけで簡単にオーバーレイを表示できる便利なプラグインです。

 

オーバーレイというと、スマホの画面下に表示される広告を思い浮かべる方が多いかと思います。

 

当然スマホに設置することもできますが、

HOVERNER は PC で開いたサイトに表示させることも可能となっています。

2.HOVERNER設置例(PC&スマホ)

言葉で説明するよりも見てもらった方が速いと思うので、

まずはどんな感じで表示されるのかを、PC とスマホそれぞれの画像で見ていただきましょう。

 

PCでの表示例

【HOVERNER】PCとスマホに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良い!

PC に設置した際にはこの画像のように、画面右下に画像バナーが表示されます。

画像サイズは任意で設定できるので、好きな大きさで表示させることができます。

スマホでの表示例

【HOVERNER】PCとスマホに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良い!

スマホに設置するとおなじみのこの感じになります。

右上にある「×」ボタンで簡単に閉じられるので、ユーザビリティを損なう心配もありません。

3.HOVERNERはどんな時に使える?

わかば
あ~なるほど~
良さそうなプラグインなんですけど、どんな時に使ったらいいんですかね?

 

使い方はあなたの工夫次第で無限大

・・・と言いたいところなんですが、すぐに思いつかない方のために代表例を紹介しておきましょう。

① アフィリエイトリンクを設置する

まず一番最初に思いつくのが、この使い方なのではないでしょうか。

目に付きやすい場所に画像バナーを表示できるので、見込み客を逃さずリンクに誘導できます。

 

また、ショートコードでバナーを設置できるので、ページごとに違ったバナーを表示させる事が可能なんです。

直接商品リンクにせずに、LP なんかに誘導するのも有効な使い方ですね。

② メルマガ登録ページに誘導する

メルマガ登録ページに誘導するという使い方も有効でしょう。

 

「メルマガなんかやってないよ~」って方も多いかも知れませんが、

これもけっこう王道的な利用方法なので、使い方のひとつとして覚えておくようにしましょう。

③ 電話番号を設置する

実はこの HOVERNER、電話番号を直接設置することもできるんです。

 

当然スマホ限定なんですが、

バナーに電話番号を設置しておくことでタップ一発で電話を発信することができるようになります。

④ 注目して欲しい記事ページへのリンクを設置する

HOVERNER に設置するのは、なにもアフィリエイトリンクだけではありません。

 

あなたが運営するサイトの注目して欲しいページや、関連ページへのリンクを設置しておくことで

ユーザビリティの向上や、サイト内の回遊率を高める効果が期待できます。

4.HOVERNERプラグインのインストール方法

【HOVERNER】PCとスマホに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良い!

 

HOVERNER は、外部サイトからダウンロードしてインストールするタイプのプラグインです。

なので、WordPressメニューの「プラグイン」→「新規追加」→「プラグインのアップロード」からインストールする必要があります。

【HOVERNER】PCとスマホに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良い!

 

もしやり方がわからない場合は、以下のページで解説しているので参考にしてくださいね。

5.HOVERNERの使い方解説

さて、ここからはいよいよ HOVERNER の使い方を解説していきます。

といっても、簡単すぎてほぼ解説なんていらないくらいなのですが(笑)

 

HOVERNER をインストールすると、

WordPressの左側メニューに「バナー管理」という項目が追加されるので、ここから設定していきます。

【HOVERNER】PCとスマホに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良い!

 

とりあえず「新規追加」をクリックすると以下の画面が表示されます。

ここで「リンクURL」と「PC用バナー画像」「スマホ用バナー画像」を設定しましょう。

PC用、スマホ用バナー画像は両方でもいいですし、どちらか片方だけでも OK です。

【HOVERNER】PCとスマホに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良い!

 

設定が終わったら適当に自分がわかりやすいタイトルを付けて、

右端にある「更新」ボタンを押すのは、いつもやってる WordPress の投稿画面と同じ操作ですね。

山本
タイトルは表示されないので、自分がわかればそれでOKです

 

バナー管理画面に切り替わるので、

あとは赤枠のショートコードを表示させたい場所に設置するだけです。

【HOVERNER】PCとスマホに”オーバーレイ”を表示できるプラグインの使い勝手がすこぶる良い!

 

例えばこのページでは記事の一番上に、このショートコードを設置しています。

わかば
PC画面で表示されてる右下のバナーの分ですね!

山本
記事の上でも下でもどこにでも設置してOKです!
※公式では記事最下部への設置が推奨されています

 

サイト全体に同じバナーを表示させたいなら、

ウィジェットにショートコードを設置するのもありなので自由度が高い!

さいごに

実際、僕も愛用しているプラグインなんですが、

非常にシンプルで動作も安定しており、使いやすいプラグインだと感じています。

 

購入特典も3点ほど付いてくるので、以下の公式ページから確認してみてくださいね!

Twitterでフォローしよう

おすすめの記事