コンタクトセンター DX推進診断

■ STEP 1: アクセスコードの変更

HTMLファイル内の CONFIG.ACCESS_CODES を変更します：

ACCESS_CODES: ['あなたの任意コード', 'client001'],

■ STEP 2: Google Apps Script の設定

1. Google スプレッドシートを新規作成（診断結果蓄積用）

2. 拡張機能 → Apps Script を開き、以下のコードを貼り付けて保存：

const SHEET_ID = 'あなたのスプレッドシートID';
const ADMIN_EMAIL = '[email protected]';

function doPost(e) {
  try {
    const data = JSON.parse(e.postData.contents);
    const ss = SpreadsheetApp.openById(SHEET_ID);

    if (data.type === 'diagnostic_result') {
      let sheet = ss.getSheetByName('診断結果') || ss.insertSheet('診断結果');
      if (sheet.getLastRow() === 0) {
        sheet.appendRow(['診断日時','企業名','業界','規模','役職','総合スコア',
          ...data.axis_levels.map(a => a.name)]);
      }
      sheet.appendRow([
        data.timestamp, data.profile.company, data.profile.industry,
        data.profile.size, data.profile.role, data.average_level,
        ...data.axis_levels.map(a => a.level)
      ]);
      // 管理者に通知
      MailApp.sendEmail(ADMIN_EMAIL,
        '【DX診断】新規回答: ' + data.profile.company,
        `${data.profile.company} (${data.profile.industry}) が診断を完了しました。\n総合スコア: ${data.average_level}\n日時: ${data.timestamp}`);
    }

    if (data.type === 'send_email') {
      const body = buildEmailBody(data);
      MailApp.sendEmail({ to: data.to, subject: `【DX診断結果】${data.profile.company} 様`, htmlBody: body });
      // 管理者にもCC
      MailApp.sendEmail(ADMIN_EMAIL, `[CC] DX診断結果送付: ${data.profile.company}`, body);
    }

    return ContentService.createTextOutput(JSON.stringify({status:'success'}))
      .setMimeType(ContentService.MimeType.JSON);
  } catch(err) {
    return ContentService.createTextOutput(JSON.stringify({status:'error',message:err.message}))
      .setMimeType(ContentService.MimeType.JSON);
  }
}

function buildEmailBody(data) {
  const rows = data.axis_levels.map(a =>
    `<tr><td style="padding:6px 10px;border-bottom:1px solid #eee">${a.category} - ${a.name}</td>
     <td style="padding:6px 10px;border-bottom:1px solid #eee;font-weight:600;color:#0891b2">L${a.level}</td></tr>`
  ).join('');
  return `<div style="font-family:sans-serif;max-width:600px;margin:0 auto">
    <div style="background:#0d1b2a;color:white;padding:24px;border-radius:10px 10px 0 0">
      <h2 style="margin:0">コンタクトセンター DX推進診断 結果レポート</h2>
    </div>
    <div style="padding:20px;background:white;border:1px solid #e2e8f0">
      <p>${data.profile.company} 様</p>
      <p>${data.message || '診断結果をお送りします。'}</p>
      <h3>総合DXスコア: ${data.average_level} / 5.0</h3>
      <table style="width:100%;border-collapse:collapse">${rows}</table>
      <p style="margin-top:16px;font-size:12px;color:#666">本レポートはFOXEEY Consultingが提供するDX推進診断サービスにより自動生成されました。</p>
    </div>
  </div>`;
}

3. デプロイ → 新しいデプロイ → ウェブアプリ → アクセス: 「全員」 → デプロイ

4. 表示されたURLを CONFIG.GAS_URL に貼り付ける

■ STEP 3: 公開方法

• Netlify: app.netlify.com/drop にHTMLファイルをドロップ → 即時公開

• GitHub Pages: リポジトリにアップロード → Settings → Pages → Source を main に設定

• 独自ドメイン: さくらインターネット等のレンタルサーバーにHTMLをFTPアップロード

■ セキュリティ注意事項

• アクセスコードは定期的に変更することを推奨します

• 診断データには個人情報（企業名・メールアドレス）が含まれるため、GASスプレッドシートのアクセス権は管理者のみに制限してください

•