2017/09/05今回挑戦したGush2のカスタマイズはこちらです。※以下は当ブログのスマホ表示画面です。右上の所にサイドバーを呼び出すボタン(固定)が設置されています。※右上ではなく、フッター下に設置し直しました。理由は記事の読みやすさと、アドセンスの誤クリックを予防するためです。※こちらのカスタマイズですが、某ブロガーさんよりアドセンスを利用している場合に規約違反になる可能性があるとの指摘を貰いました。その方の話しによれば、飛び出すサイドバー(メニュー)は開くタイミングによってはコンテンツに掲載されたアドセンスの上に表示される場合がありヤバイ_とのこと。いう部類の規約違反の可能性は捨てきれないということです。※プルダウンメニューなどが、広告に重なるような仕様も規約違反になるとアドセンスのヘルプに記載があります。)_なるほど、確かに言われてみれば一瞬とはいえアドセンスを覆い隠してしまう仕様は広告主にとってはデメリットでしかありません。今回紹介したカスタマイズとアドセンスを併用する場合は自己責任においてお願いします_。」さんが、これ以上ないくらい、わかりやすく解説してくれてます。順番通りにやるだけです^^※一度目の実装に失敗した事をツイートした際、おーとえすさんがその原因を記事の中で追記(解決)してくれました。有り難うございました^^※フッターに埋め込むスクリプトの設定ですが、Gush2ユーザーでは表示幅(ブレークポイント)の設定を768px(Gush2初期値)に直した方がいいと思います。780pxのままだとタブレット表示で、少しデザインが崩れます。非表示になるようです。いうことは、サイドバーを開閉するボタンにユーザーが気がつかないままサイトを去ってしまう可能性がありますね。したらPVが減ってしまうかも;;_かといって従来通りコンテンツ下にサイドバーを長々と表示させるのでは、今回のスクリプト実装の意味合いが薄らぐ気がします。ボタンのデザインを工夫するなど、開閉式のメニューがある事をユーザーにわかりやすく提示する必要があるはずです。初期状態では、リスト表示のアイコンフォントになっています。私は個人的に左向きの矢印フォントに変更し、丸だった外枠を四角にしました。PVを含め、しばらく様子を見てみたいと思います。暫定的にこのようなボタンを作ってみましたwスマートフォンでサイドバーを表示させるカスタマイズですが、デフォルトでは、画面右上にメニュー開閉の為のアイコンが表示される仕様です。私のカスタマイズの最終案としては、画面隅にアイコン表示をするのを辞めてフッター下に横幅目一杯にメニュー開閉のリンクを設置する仕様にしました。場所を取りますが、コンテンツ領域にボタンが干渉しないのでスッキリする感じです。フッター下にリンクを表示する場合のCSSの修正の一例はこちらです。0.7;}変にアイコンのデザインに頭を悩ますよりも、この方法がシンプルで実用的なのかな?ただ一つ思うのが、ながらくデスクトップでネットを見てきた世代とスマホ世代とで便利だと感じる仕様にギャップがあって当然です。小さなボタンをクリックするより、スクロールさせるほうが楽チンっていう場合もあるはずです。様子を見てみたいと思いますwこんな感じで表示されます!この記事をデスクトップで見ている場合、ブラウザの幅を半分くらいに狭めてから、一度更新ボタンを押してみて下さい。画面下にサイドバーを呼び出すリンクが現れるはずです。クリックすると、さっそうとサイドバーのメニューが表示される、、、はずです。※もしも表示されなかったら、教えてくだされ~w※2015年2月現在、今回のカスタマイズはアドセンス規約違反の可能性があるため適用していません。素晴らしいアイディアなだけに残念です;;ただし、展開の方法をスライド式などにすれば問題はないはずですが。ちなみにですが、サイドバーにアドセンスを掲載している人は今回のカスタマイズをそのまま適用すると間違いなく広告操作で規約違反になると思われます。※今回の記事は、おーとえすさんのカスタマイズ記事を基本とした備忘録です。個人的な趣向に基づいた方法論でなんの検証もしていません_あしからず。コメントをキャンセルコメントを投稿するにはログインしてください。