Skip to content

60-minutes.biz

– 時間を縛ることで、時間を味わってみる –

ちょっとした変更でPV/セッションと直帰率が劇的改善を魅せた話。 #wordpress #css #webdesign

Posted on 2015年1月18日 By ハマケン


こんにちわ、ハマケンです。
最近ブログのデザインを色々変更しています。
昨年末に『2015年が来る前に。。押さえておきたい最近のWEBトレンドを12個ほど。』と言う記事を書きながら、来年は色々と変更したいなーと思っていたので、表示をカードっぽくしてみたりと色々なんちゃってのスキルで不満足な部分もありますが、色々と収穫もありました。

とある事をしたら、PV/セッションと直帰率が劇的に改善したのです。
ちょっとそこら辺に悩みを抱えていらっしゃる方の参考になればと思います。

それでは早速参りましょう!!


Advertisement


PV/セッションが前週比115%


10日に変更して、一度下がりましたが水曜からかなり調子良い感じ。
一日一日見て一喜一憂しても仕方ないので、私は7日位の移動平均で見てます。

それで見ると今日の時点で前週比115%!
これは大きいですよ。
記事内容変わんなくても総PVがそのまま増える訳ですからね。

直帰率劇下がり!!


PV/セッションが増えたので、当然直帰率も下がります。
どんなけ変わったかと言うと・・・。
大体76%近辺→50%近辺って感じでものすごい感じになってます。
ありがたい。

やったこと。

お待たせしました。何をしたのかの発表です。
答えは「記事ページで下にスクロールした時、右側に最近書いた記事をついて来させる様にした」です。

当記事でも下にスクロールしていただくと、右側に付いて来るのが解っていただけると思います。一番大きな変更はこれだけです。
他にもちょこちょこデザインは変えていますが、これが要因で間違いないです。

是非ですね、みなさん試してみてください。
ただ注意点がありまして、「記事を読み終わった時にどうしてもらいたいのか?」によって、設置するものは変わってくるのでは無いかと思います。
ページの拡散を狙うなら、ソーシャルボタンだと思いますし、フォロワー増やしたいならLIKEBOXとかの類だと思います。
私の場合は「回遊」が目的だったので、更新頻度も高めの「最近の記事」を設置する事にした訳です。

とっても簡単な設置方法

基本的にはスティッキーヘッダーと同じなので、それで調べてもらえれば設置方法はたくさん出てきますが、仕組みは単純。
スクロールした際に該当するidにウィンドウの上部が重なった時に別のCSSクラスを付けちゃうんですね。
そんでもって戻ったら、removeしちゃうと。
なんて簡単なのでしょう。

<script>
$(function(){
    var box    = $("#menu-wrap");
    var boxTop = box.offset().top;
    $(window).scroll(function () {
        if($(window).scrollTop() >= boxTop) {
            box.addClass("menu_fixed");
			$("body").css("margin-top","40px");
        } else {
            box.removeClass("menu_fixed");
			$("body").css("margin-top","0px");
        }
    });
});
</script>

手軽にできることでもあるので、是非試してみてはいかがでしょうか?
シングルページデザインの方だと、また違った魅せ方の方が良いかも知れませんが、2カラムの方にはお勧めでございます。

詳しい実装方法はLIGさんにもありましたので、ご参考にどうぞ。
スクロールしてもついてくるスティッキーヘッダーをJSで実装する方法 | 株式会社LIG

それでは。

facebookShare on Facebook
TwitterTweet
FollowFollow us
PinterestSave
WEBページ作成系の記事 Tags:wordpress, サイト作り

投稿ナビゲーション

Previous Post: 【2015年1月版】minne(ミンネ),iichi(いいち),Creema(クリーマ),tetote(テトテ)を比較してみました。
Next Post: このメガネデバイスならありでしょ!JINS MEME(ジンズ・ミーム)が創造する未来が待ち遠しい。

More Related Articles

今すぐ簡単にできる!サイトを高速化する為の5つの方法をご紹介。 WEBページ作成系の記事
アクセスがほぼ倍に!今週のアクセスを報告します。Feb. 2nd – 8th. WEBページ作成系の記事
【必見】ブログやっているなら入れておきたいChrome拡張機能8選! WEBページ作成系の記事
ブロガーは変更必須。Facebookのlikeboxの変更をお忘れなく! WEBページ作成系の記事
発信していく人にとって、重要でとても難しいこと。 WEBページ作成系の記事
これはネットショップの革命か。無料でユーザーに購入保証を提供する、Google認証ショッププログラムがすごいぞ! WEBページ作成系の記事

検索

最近の投稿

  • 中学受験。偏差値30台から1年で60台まで引き上げる方法 | 夏まで編
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編2
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • TikTokの話は米中貿易戦争の一環に過ぎない。
  • 簡単すぎる!画像サイズを超絶小さくする方法

人気記事

  • 動画マーケティング
    【動画】タイソンが噛みちぎった耳をホリフィールドに返却する画がシュールすぎる(笑)
  • 60minute, 人気記事
    WEBマーケターは必見 !世界中のインフルエンサーが見つかるBuzzSumoが便利すぎる。
  • 動画マーケティング
    【動画】まるで「みえっちん」!特定のメガネからしか見えないディスプレイが完成!
  • 人気記事
    Stores.jpが25,000店舗を突破。ショップ一覧を検索する方法も公開!
  • 人気記事
    2分で完了。BASEの独自ドメイン機能を「さくらインターネット」で設定する方法

COVID-19 特集

グッと来た動画PR達

全ての小売店に捧ぐ

Copyright © 2023 60-minutes.biz.

Powered by PressBook Blog WordPress theme