フロート広告&アドセンス自動広告

キャプチャ画像

iPhone(スマホ)やiPad(タブレット)で表示した時にだけ一番下に固定表示されるフロート広告や、画面最上段に表示されるアドセンス自動広告の設置が簡単にできます。

 

また画面幅の広いPC上では
フロートタイプの情報エリアを画面一番下に表示させることもできます。


スマホフロート広告

当サイトでは確認用にトップページにのみ実際に表示させてあります。

ここで説明する”フロート広告”というのはアドセンスの自動広告ではなくASP系の独自広告枠になります。

 

”ASP”とは?

ASPというのは『アフィリエイト・サービス・プロバイダ』の頭文字をとったもので、成功報酬型広告(成果が発生した場合にのみ報酬が支払われる広告)を配信するプロバイダのことです。

 

A8とかバリューコマースとかリンクシェアなどが有名どころです。

 

こちら↓がフロート広告のサンプル表示例です。

 

iPhone(スマホ)最下部に固定表示されます。

(※最初は非表示ですが、スクロールするとふわっと表示されます)

 

キャプチャ画像

 

所定の位置に広告コードをペーストするだけで自動表示されます。

 

サイト訪問者の利便性を考え、「閉じる」ボタンも装備しました。

 

広告がウザい時は「閉じる」をクリック(タップ)すれば非表示にもできます。

(デモサイトで動きを確認できます)

 

サンプル画像は320×50のバナー広告風画像を使用した際のキャプチャ画像です。

(※実際のASP広告での表示も確認済みです)

 

若干ですが透明度を設定してうっすらと下が見えるようにしてあります。

 

初めての広告表示には30分~1時間ほどかかる場合があります。

 

iPhone(スマホ)とiPad(タブレット)用の2種類の設定項目を設けているので、『iPhone(スマホ)だけで表示させたい』・『iPhone(スマホ)とiPad(タブレット)で別々のサイズの広告を表示させたい』などの振り分けもできます。

 

たとえばこちらはiPad用にサイズ大きめのバナー広告を指定したサンプルです。

 

キャプチャ画像

 

「閉じる」ボタンの位置は変えられないので、スマホと同じサイズ幅のバナー広告を貼るとバナーと「閉じる」ボタンの位置が離れてしまいます。

こういった広告自体を嫌がる方も少なくないので、設置する際は充分考えた上でご利用ください。

 

またデフォルトでは表示OFFになってます。

フロート情報エリア(PC)

先ほどのフロート広告設定ですが、
iPhone(スマホ)・iPad(タブレット)2つの設定に加えて実はPC用の設定も設けてあります。

 

ただしPC上はフロート広告ではなく情報表示エリアとしての機能になります。

 

PC画面は他にも広告表示エリアがいっぱいあるので、あえてここでダメ押し広告を表示させることもないだろうとの考えからです。

当サイトでは確認用にトップページにのみ実際に表示させてあります。

 

たとえばこちら↓のサンプル表示例ですが、
左端にはアイキャッチ風画像を表示させ、真ん中には説明テキストを入力したものです。

 

右端はフロート広告同様、閉じるボタンが付いてます。

 

キャプチャ画像

 

こちらも先ほどのフロート広告設定同様、こちららが用意した箇所に画像やテキストを入力するだけのカンタン設定。

 

表示タイミングもフロート広告と全く同じです。

 

表示領域の横幅は1160px高さは90px固定

 

表示画像はサイズに制限はありませんが、高さが90pxより大きい場合は縦横同比率で高さ90pxに縮小表示されます。

 

アドセンス自動広告

ASP系フロート広告とは別に、
Googleアドセンスの自動広告(※アンカー広告)によるフロート広告も設置できます。

アドセンスの審査を通過していることが前提になります。

当サイトでは確認用にカテゴリーページにのみ実際に表示させてあります。

 

ここでは自動広告についての詳細は省きますが、自動広告の中に『アンカー広告』というのがあります。

 

これが先ほどのフロート広告に該当するモノです。

 

これをONにした状態で、アドセンスから発行されるコードを【Volar】の所定の位置に貼り付けるだけで、下のようなアドセンス自動広告を表示させることができます。

 

キャプチャ画像

 

先ほどのフロート広告同様、ご利用にはご注意ください。

 

アドセンスの自動広告は、アンカー広告以外にもインフィード広告・関連コンテンツ・記事内広告などのオンオフがそれぞれ選択できるようになってます。

 

ただ私がやってみた限りでは表示位置のアルゴリズムがまだまだ機械的で、なかなかこっちが思った位置には表示してくれないことも多く、アンカー広告以外はちょっと使いにくいかなという印象を持ってます。

アドセンス自動広告(※アンカー広告)をONにすると、iPhone(スマホ)上だけで表示される『メニュー表示ボタン(※画面右上の3本線ボタン)』が自動広告に隠れてしまうという現象が発生します。

 

つまりアドセンス自動広告をONにした場合はメニューボタンが使えなくなるということになります。

 

一応”アドセンス自動広告が表示されるページのみメニューボタンを復活させる”という設定を足してはいますが、将来的にアンカー広告の高さや表示位置が変わった場合はメニューボタンの表示位置がズレてしまう可能性もあります。

 

この点、予めご了承ください。(※修正可能であればその都度対応します)

SIRIUSカスタムテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSカスタムテンプレートが【Volar】です。

入手方法についてはコチラ↓をご覧ください

(※「SIRIUSでホームページ作成」という姉妹サイトの専用ページが開きます)
 この記事をシェア 
キャプチャ画像

PC版レイアウトに切替

スマホ版レイアウトに切替