Blog

スマホからのコンバージョン率を上げる

2016.01.19 | jQuery | 383views


jQurery

レッツグロースハック!

最近ではスマートフォンからの閲覧を軽視することが出来ないですね。どういったサイトであれ60%前後のUUをスマホが持って行っているのではないでしょうか。スマホ向けのCVアップ対策はどうすればいいのかわからない・・・。といった時にサクッと実装して次に繋がる手法をご紹介します。

あっという間に実装JQueryでスクロール追従CVエリア

CVエリアをスクロール追従にしてみて、実際にCVが上がるかどうかをチェックするのは第一歩ですね。フォーム遷移率が上がったら、フォームの改善を。フォーム遷移率が上がらない場合はコンテンツの内容を精査するなど、次に繋がる対策になります。実装〜テスト〜削除、までがカンタンに出来るようにしてみました。


<style>
.fix {
position: fixed;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.85);
text-align: center;
}
</style>

<div class="fix">
<p>
<a href="cv.html">
<img src="cv-button.png" width="100%">
</p>
</div>

ざっくりこういう感じですね。自分のサイトに合わせてa hrefの値を変更してみる、ボタンデザインを変える、CSSでボタンデザインをするなど工夫してみてください。ボタンカラーやサイズ、ボタンを2つならべるか一つかなど。色々と結果が変わるはずです。

スマホの場合は、アコーディオンでコンテンツを折りたたむ手法も効果的。

JQueryでアコーディオンをカンタンに作る


<style>
.hide-cont {
display: none;
}
</style>

<script>
$(function() {
    $('.button').click(function(){
        $('.hide-cont').toggle();
    });
});
</script>

<p class="button">MORE</p>

<div class="hide-cont">
<p>出てくるエリア</p>
</div>


現在あるコンテンツを折りたたむときにカンタンな記述だけで実装できるのでおすすめです。

このエントリーが役に立ったらシェアしてください


LLC JIRIKI HOME

この記事を書いた人

淵上 喜弘

著者:LLC JIRIKI

合同会社ジリキ 代表社員兼、業務執行社員。
1979年生まれ 兵庫県尼崎市出身・明石市育ち。

川崎医療福祉大学を卒業後、日産サティオ岡山に就職し初年度新人賞をカルロス・ゴーンCEOより受賞。その後NTT関連フレッツ販売会社に再就職し、地域賞2位を受賞。OCN販売表彰2位も同時受賞するとともにBフレッツ単独販売数の記録を打ち立てる。2006年合同会社ジリキ設立。SEO、WEBサイト制作業を開始する。

SEOで「大阪 探偵」や「離婚 行政書士」などのキーワードや「子ども 教材」「スマートフォンケース」など各種キーワードで1位を獲得。サイト制作でも毎日コミュニケーションズ・マイナビ女子オープンのサイトを制作。その後ECサイト運営サポートに着手し、売上月商50万のストアを1年半で1700万の月商に成長させる。

スマートフォンケースなどの商品企画開発も手がけ、楽天ランキングでも1位獲得、家電ジャンルMVPなどECサイトコンサルティングでも実績あり。

現在、グロースハックに注力しており様々な業種のサイトのCVアップをサポート中。チームとしてのグロースハック実績ではKaizenグロースハッカー総合 Top 20%、不動産 Top 10などを頂いています。

プログラミングは本業ではなくあくまでも趣味の一環として取り組んでいます。月1回ペースで東京へ出張へ行っておりますので、機会があれば是非お話をしましょう。

LLC JIRIKI