物を捨てきれないなりにミニマリスト目指す。

部屋や服や持ち物に気ままに最小限主義を取り入れる男性ミニマリスト系ブログ。断捨離の記事もそこそこ。あと、創作ヲタです。

最近の人気記事 | トータル人気記事

広告収益効果もアップ!wordpressのSTINGER5でサイドバーが消える問題を解決するには

      2015/04/01

当ブログは、wordpressのテーマとしてSTINGER5を使用しているのですが、導入以来悩みの種だったのが、「サイドバーが消える」という現象でした。

今回は、このSTINGERテーマにおける「サイドバー消える問題」を自分なりに解決いたしましたので、その方法をご紹介したいと思います。

本編に入る前に広告です

スポンサーリンク

本編入ります

STINGER5のサイドバーがスクロールすると消える

下にスクロールすると消えるが、上にスクロールすると復活する

まずは、起こった事象について。

STINGER5でページを下方向にスクロールしていくと、ある一定の位置までスクロールした段階でサイドバーが消えてしまう現象が発生しました。

上方向にスクロールし直すと、サイドバーは復活しますが、また下方向にスクロールすると同じ位置でサイドバーがぱっと消失してしまうので、サイドバー下部がほとんど機能していない状態になっていました。

最初はウィジェットを疑っていたが、STINGER固有の問題だった

当初、当ブログではサイドバー最下部にtwitterウィジェットを設置していたため、ウィジェットとブログの設定が干渉し合っているのかな?などと思ってなんとなく放置していました。

しかし、ウィジェットを外してみてもサイドバーが消える現象が改善しないため、単純にSTINGER単体の問題であるとわかりました。

サイドバーが消える原因はSTINGREのscroll.js

ググると、「消してしまえ」という解決策が多いけれど…

調べてみると、どうもSTINGER5テーマのscroll.jsに原因があるようなのですが、WEB上でググってみた限りでは「ファイルを削除orコメントアウト」という解決策が主流でした。

しかし、これはあまりよい解決方法に思えません。

ファイルを削除するということは、scroll.jsの呼び出しでエラーになるということなので、動作に支障がないとしても気持ち悪いです。ブラウザのアップデートと共に、突然動かなくなってしまう日が来ないとも限りません。

また、本来このscroll.jsは何か意図があって存在するjsファイルなのですから、ソースを修正して解決できるなら、修正によって解決するべきかと思います。

ソースを修正すれば、サイドバーが正しく追尾するようになる

実際に修正してみてわかったのですが、どうもこのscroll.jsは、投稿記事がサイドバーより長い場合に、サイドバー下部を追尾させる処理を書いているようです。

おそらくこの記事でも、追尾処理を実感できるかと思いますので、PC表示でこのサイトをご覧のかたは、どうぞページを下にスクロールしながら、その動作を確認してみてください。

サイドバーが追尾すれば、広告収益化効果が見込める

サイドバーの追尾処理は、とても便利な機能です。

たとえば、サイドバーの最下部に広告を設置しておけば、どんなに長い記事をスクロールしても、サイドバー下部の追尾によって、画面に常に広告が表示されることになります。これは、収益最大化をはかる意味で大きな利点です。

また、最近の人気記事一覧を最下部に持ってきて、訪問者を次の記事に誘導するのに役立てる…なんて使い方もできるかと思います。

当然ながら、scroll.jsをコメントアウトしてしまうと、この追尾機能による恩恵は受けられません。せっかくSTINGRE5が標準で用意している機能ですから、修正による有効活用をオススメします。

話の途中ですが、ここで広告です

スポンサーリンク

続きます

scroll.jsの修正方法~STINGER5の場合~

さて、では肝心のソースコードの修正ですが、これは至って簡単です。下記のソースコードに一行追加し、二行変更すればよいだけです。

STINGER5とSTINGER3では、ソースコードの場所などに差異があるようなので、気を付けてください(STINGER3では、そもそもscroll.jsがない?)。この記事では、あくまで自分が実際に使用しているSTINGER5について解説させていただきます。

STINGRE5におけるscroll.jsの場所

[wordpress]/wp-content/themes/stinger5ver20141123/js/scroll.js

修正したscroll.js

★マークがついているのが今回修正した箇所です。面倒な場合は、下記ソースをこのままscroll.jsにコピペしてください。そのまま動くかと思います。

ただし、★マークのコメントアウトは、今回のブログ記事のために便宜的につけたものであり、このコメントアウトがある状態での動作確認はしておりませんので、万が一動作しない場合は、★マークのコメントアウト部分を取り除いて下さい。

 

おわりに

何をしたいコードなのか把握するのに若干手間取ってしまいましたが、結果的に追尾機能を活性化させることができ、記事のネタにもなったので、実りのあるソース改修でした。

ちなみに、サイドバーが追尾すれば広告収益率アップという主旨のことを上記で言っていますが、クリック型広告最大手であるgoogleアドセンスは追尾型広告をポリシーで禁止しているので、注意が必要です。サイドバー下部に仕込むとしたら、また別の広告を設置するべきでしょう。

他にも色々書いてます

 - wordpress, ブログ , , , ,

にほんブログ村 ライフスタイルブログ ミニマリスト(持たない暮らし)へにほんブログ村 その他生活ブログ 断捨離へにほんブログ村 その他生活ブログへ

にほんブログ村に参加しています。この記事が一番当てはまるジャンルをお選び下さい

Comment

  1. […] これを以下のサイトを参考に変更しました。 【参考】広告収益効果もアップ!wordpressのSTINGER5でサイドバーが消える問題を解決するには […]

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

▼コメント欄を開く

あわせて読みたい関連記事(と広告)