OEO 的「一週行事曆範本」分享頁：介紹七個習慣、教人怎麼用這張表、用 Email 換取下載連結（名單蒐集），並推廣《與成功有約：高效能人士的七個習慣》。
🌐 線上網站： https://oeo-weekly-planner.web.app
weekly-planner/
├─ site/ ← 要上線的網站（把這個資料夾部署出去）
│ ├─ index.html ← 單頁網站
│ ├─ styles.css
│ ├─ script.js ← ⚙️ 部署前要改兩個設定值
│ ├─ template-print.html ← 可列印範本的原始檔（用來產生 PDF / 預覽圖）
│ ├─ assets/
│ │ └─ template-preview.png ← 網頁用的範本預覽圖
│ └─ downloads/
│ └─ 一週行事曆_範本_v3.2.pdf ← 訪客下載的 PDF
├─ google-apps-script/
│ └─ Code.gs ← 收 Email 名單的後端腳本
├─ 一週行事曆_範本_v3.2.xlsx ← 你原本的 Excel 範本（來源）
└─ README.md
- 新建一個 Google Sheet（例如「週計劃範本名單」）。
- 選單 擴充功能 → Apps Script，把
google-apps-script/Code.gs的內容整段貼進去。 - 部署 → 新增部署作業 → 網頁應用程式：
- 執行身分：我
- 存取權：所有人 (Anyone)
- 複製產生的 網頁應用程式網址（
…/exec結尾）。
想先確認有沒有成功？把那個網址貼進瀏覽器，看到
{"ok":true,...}就對了。
- 把
一週行事曆_範本_v3.2.xlsx上傳到 Google 雲端硬碟，用 Google Sheet 開啟並另存為 Google Sheet。 - 點右上 共用 → 任何知道連結的人 → 檢視者。
- 複製網址，格式像
…/spreadsheets/d/【SHEET_ID】/edit?...。 - 把結尾改成
/copy→ 這就是讓訪客「建立副本」的連結。
打開 site/script.js，最上面的 CONFIG 改成你的值：
const CONFIG = {
GAS_ENDPOINT: "https://script.google.com/macros/s/AKfyc..../exec", // 步驟1
GSHEET_COPY_URL: "https://docs.google.com/spreadsheets/d/【SHEET_ID】/copy", // 步驟2
...
};然後把 site/ 整個資料夾丟上任一免費靜態主機即可：
| 方式 | 怎麼做 |
|---|---|
| Netlify（最快） | 到 app.netlify.com → Add new site → 拖曳 site 資料夾進去，立刻有網址 |
| Vercel | vercel CLI 或網頁拖曳，根目錄指向 site/ |
| GitHub Pages | 把 site/ 內容推到 repo，Settings → Pages 啟用 |
| Cloudflare Pages | 連 GitHub 或直接上傳 site/ |
範本的版型在 site/template-print.html。改完後，用 Chrome 重新輸出（macOS）：
CHROME="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
# 重新產生 PDF
"$CHROME" --headless=new --disable-gpu --no-pdf-header-footer \
--virtual-time-budget=10000 --run-all-compositor-stages-before-draw \
--print-to-pdf="site/downloads/一週行事曆_範本_v3.2.pdf" \
"file://$(pwd)/site/template-print.html"
# 重新產生網頁預覽圖
"$CHROME" --headless=new --disable-gpu --hide-scrollbars \
--virtual-time-budget=10000 --window-size=1400,990 \
--screenshot="site/assets/template-preview.png" \
"file://$(pwd)/site/template-print.html"cd site && python3 -m http.server 8080
# 瀏覽器打開 http://localhost:8080注意：本機未設定
GAS_ENDPOINT時，表單仍可送出並顯示下載連結，但 Email 不會被記錄（console 會提示）。設定好再測一次完整流程。
追蹤碼（gtag.js）裝在 site/index.html 的 <head>，評估 ID：G-2CNT45DBJZ。
| 事件名稱 | 何時觸發 | 意義 |
|---|---|---|
generate_lead |
訪客成功送出 Email | 主要轉換：留單 |
file_download |
點擊下載按鈕（Google Sheet 或 PDF） | 實際取得範本 |
這樣才能在報表追蹤「到訪 → 留單 → 下載」的漏斗。
- 進 GA4 → 左下 ⚙️ 管理 → 資料顯示 → 事件。
- 在事件表格找到
generate_lead與file_download。 - 把該列的 「標記為關鍵事件（Mark as key event）」 開關打開。
⚠️ 事件至少被觸發過一次才會出現在事件表格。若還沒看到，先到網站實際操作一次（填表單 / 點下載），用 報表 → 即時 確認事件有進來，過幾分鐘再回事件頁設定。
把 site/index.html <head> 裡兩處 G-2CNT45DBJZ 換成你的評估 ID 即可。
- 表單頁已寫明「會收到 OEO 的分享信、隨時可退訂」。實際寄信時記得提供退訂方式。
- 若要做電子報，可把 Google Sheet 的名單匯入 Mailchimp / ConvertKit / Substack 等工具。