CVRとは？コンバージョン率を理解する基本要素と計算方法

3ステップでCVR自動計算＆記録！月10時間ムダ削減ツール

CVR（コンバージョン率）を毎回手計算してませんか？
私も以前はGoogle スプレッドシートを手で編集し、どの案件がCVR高いか手探りで探していました。
でも一行入力ミスするだけで数字が全部ズレて、「どれが正しいの？」と深夜に頭を抱えることも…。
これ、毎月繰り返すと10時間以上ムダなんですよね。
このツールなら、訪問数とコンバージョン数を入れるだけ。記録もグラフも自動で一括管理できます。
手作業の凡ミス、そろそろ卒業しましょう。

CVR管理シート化スクリプト（コピーして使ってください）

CVRを計算・記録・履歴一覧・集計まで一括で管理できます。

// === CVR自動記録＆履歴ダッシュボード ===

function doGet(e) {
  var html = [];
  html.push('<div style="max-width:500px;margin:40px auto;'
    + 'padding:24px;background:#f9f9f9;border-radius:10px;'
    + 'box-shadow:0 0 12px #ddd;font-family:sans-serif;">');
  html.push('<h2>CVR自動計算ダッシュボード</h2>');
  html.push('<form id="cvrform">');
  html.push('案件名: <input type="text" name="name" '
    + 'placeholder="例：LP_A"><br>');
  html.push('訪問数: <input type="number" name="visits" min="1" '
    + 'required><br>');
  html.push('コンバージョン数: <input type="number" name="conv" '
    + 'min="0" required><br>');
  html.push('<button type="submit">CVRを記録</button>');
  html.push('</form>');
  html.push('<div id="result" style="margin:10px 0;"></div>');
  html.push('<hr>');
  html.push('<button onclick="google.script.run.withSuccessHandler('
    + 'showHistory).getHistory()">履歴を表示/更新</button>');
  html.push('<div id="history"></div>');
  html.push('</div>');
  html.push('<script>');
  html.push('document.getElementById("cvrform").onsubmit=function(e){');
  html.push('e.preventDefault();');
  html.push('var name=this.name.value.trim()||"-";');
  html.push('var visits=parseInt(this.visits.value,10);');
  html.push('var conv=parseInt(this.conv.value,10);');
  html.push('if(visits<=0||conv<0){');
  html.push('alert("正しい数値を入力してください");return false;}');
  html.push('google.script.run.withSuccessHandler(function(msg){');
  html.push('document.getElementById("result").innerHTML=msg;')
  html.push('showHistory();')
  html.push('}).recordCVR(name,visits,conv);return false;};');
  html.push('function showHistory(){');
  html.push('google.script.run.withSuccessHandler(function(table){');
  html.push('document.getElementById("history").innerHTML=table;'
    + '}).getHistory();}');
  html.push('</script>');
  return HtmlService.createHtmlOutput(html.join('\n'))
    .setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

// CVRデータを書き込み
function recordCVR(name,visits,conv){
  var sh = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('CVR') 
    || SpreadsheetApp.getActiveSpreadsheet().insertSheet('CVR');
  if(sh.getLastRow()==0){
    sh.appendRow(['日時','案件名','訪問数','CV数','CVR%']);
  }
  var cvr = visits==0 ? 0 : Math.round((conv/visits)*10000)/100;
  sh.appendRow([new Date(),name,visits,conv,cvr]);
  return 'CVR：'+cvr+'% を記録しました。';
}

// 履歴を一覧表示（直近10件＋全体平均）
function getHistory(){
  var sh = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('CVR');
  if(!sh||sh.getLastRow()<2) return 'データなし';
  var vals=sh.getRange(2,1,Math.min(10,sh.getLastRow()-1),5).getValues();
  var all=sh.getRange(2,5,sh.getLastRow()-1,1).getValues();
  var avg = all.reduce(function(sum,v){return sum+(+v[0]||0);},0)
    /all.length;
  var html = [];
  html.push('<table border="1" style="width:100%;font-size:90%;">');
  html.push('<tr style="background:#eef;"><th>日時</th>'
    +'<th>案件名</th><th>訪問</th>'
    +'<th>CV</th><th>CVR%</th></tr>');
  vals.forEach(function(r){
    html.push('<tr>'+r.map(function(x){return '<td>'
      +(x instanceof Date? Utilities.formatDate(x,"Asia/Tokyo",
      "yyyy/MM/dd HH:mm"):x)+'</td>';}).join('')
      +'</tr>');
  });
  html.push('</table>');
  html.push('<div style="margin-top:6px;">全体平均CVR：'
    +Math.round(avg*100)/100+'%</div>');
  return html.join('');
}

初めての人でも迷わない！インストール手順

一度設定すれば、次回からURLクリックで即入力できます。

1. スクリプトエディタを開く
   Google スプレッドシートを開き、「拡張機能」→「Apps Script」を選択。
   位置は上部メニューのやや右。
   結果、別タブでエディタ画面が出ます。
   ⚠️ 業務用アカウントだと管理者設定で開けないことも。私も一度丸1日悩んだので、どうしてもダメなときは個人アカウント推奨。
2. コードを全貼り替え
   画面中央の白い部分をクリックし、Ctrl+Aで全選択、Deleteで削除、上のコードをCtrl+Vで貼り付け。
   結果、「function myFunction()」などが消え、新しいスクリプトに。
   ⚠️ コピー漏れに要注意。私は1行足りなくて「なぜ動かない!?」となった経験あり。
3. プロジェクトを保存
   左上のフロッピーアイコン（またはCtrl+S）を押すと、初回はプロジェクト名入力が出ます。名前は「CVR管理」でも「abc」でもOK。
   ⚠️ 保存せずに次へ行くと、実は中身反映されません。
4. ウェブアプリとしてデプロイ
   右上の「デプロイ」→「新しいデプロイ」。
   歯車マークで「ウェブアプリ」を選び、
   1. 「実行するユーザー」は「自分」
   2. 「アクセスできるユーザー」は「全員」
   3. 「デプロイ」を押す
   結果、URLが表示されます。
   ⚠️ アクセス権「全員」にしないと、共有で他の人が使えません。私もここで何度か自分だけしか見えず焦りました。
5. 認証の警告を突破
   初回は赤い警告「Googleがこのアプリを確認していません」が表示されます。
   「詳細」→「xxx(安全でないページへ)」→「許可」を選択。
   ⚠️ 初めてだと誰でも驚きます。けど自分用なので問題なし。
6. URLをコピーして実行
   表示されたURLをコピーして新しいタブで開けば完了。フォームが現れます。
   ⚠️ コードを修正したら再デプロイ必須！ うっかり反映漏れが本当に多いです。

使えるシーン具体例

・代理店案件で複数ランディングページのCVRを日次で記録、週ごとの平均をすぐ比較。どこが良いか一目瞭然。
・バナーごとに訪問数/コンバージョン数を入力し、提案資料用のエビデンス作り。「このCVR差、10秒で示せます！」
社内で同僚にシェアしても便利です。「エクセル地獄」から抜け出しましょう。