スクロールするサイドメニューを途中で固定する方法

Tips_機能の拡張 Tips_プチ裏ワザ Tips_iPhone Tips_その他 購入者特典 購入者専用ページ

スクロールするサイドメニューを途中で固定する

サンプル画像

 

申し訳ございません。
この記事の全文は当サイトからのシリウス購入者のみ閲覧可能となっております。

アフィリエイトサイトを作っていると広告スペースの表示にとても気を使いますね。
大きすぎてもダメだし、目立ちすぎてもダメ、、、
難しいところですよねぇ。

 

配置にも気を配りますでしょ。

 

特にサイドメニューは広告を載せやすいので、
どのサイトも割と多目に載せてるところが多いようです。

 

でもページをスクロールするとその広告は当然のことながら視界から外れてしまいます。

 

そしてサイドメニューの最後ブロックが切れたあともスクロールが続くと
本文エリアのみが表示され、サイドメニューがあった場所は空白になっちゃいます。

 

この空白、もったいないですよね。バランスも悪いし。
せっかくあいてるんだから、さりげなく広告なぞを表示させたいもんです。

 

最近は多くなってきました。
サイドメニューのスクロールが終わるとそのまま最後に表示されていた広告がストンと止まって固定表示されるサイトが。

 

どんなに本文がスクロールされようが常に広告が表示され続けます。

 

あれをシリウスにも実装しちゃおうじゃないのというのが今回のカスタマイズです。

 

キャプチャ画像

固定表示に際しての注意点

固定するブロックは『カテゴリー』でも『購読者数の多い記事』でもなんでもいいんですが、
もしもアフィリ広告を表示させるなら、あまり目立つモノは遠慮しておきましょう。

 

できるだけさりげなく目に入るバナー等を使うのが効果的です。
ここがうるさいとイライラさせてサイトを閉じられちゃいますから。

区切り画像

サイドメニューの一部を固定表示にするにはいくつかやり方がありますが、
アフィリ広告表示だった場合に備えて次の 1点を重視してみました。

 

スクロールして止まるブロックはスっと止まってなおかつそのまま動かない

 

なにそれ?っていう感じですが、
スクロールして止まるブロックの中には止まった後もスクロールに応じてカクカクと動いたり
いったん全部のサイドメニューが消えたあとで急に現れるタイプのものもあったりします。

 

これが私は嫌いでした。

 

あくまでさりげない固定表示……

 

これが理想です。
ふと目が行ったら気になる広告だった……みたいな感じですね。

 

ただしクセのあるシリウスと相性のいいものはそんなにはありません。

 

そんな中、ようやくこれならというものを見つけたのでご紹介します。

 

申し訳ございません。
この記事の全文は当サイトからのシリウス購入者のみ閲覧可能となっております。

購入ページへ


TOPへ戻る