台灣個資法下電商顧客資料收集同意書設計指南

1【個人資料蒐集、處理及利用告知暨同意書】
2
3蒐集機關：○○股份有限公司（統一編號：12345678）
4
5一、蒐集目的：
6   (1) 契約、類似契約或其他法律關係事務（代碼 069）
7   (2) 行銷（代碼 040）
8   (3) 消費者保護（代碼 090）
9
10二、個人資料類別：
11   (1) C001 辨識個人者（姓名、電話、地址、Email）
12   (2) C011 個人描述（生日、年齡）
13   (3) C093 財務交易（訂單金額、付款方式）
14
15三、利用期間：自蒐集之日起，至蒐集目的消失或您申請刪除為止，
16    惟法令另有規定者（如稅法保存 5 年），從其規定。
17
18四、利用地區：台灣、香港、新加坡
19
20五、利用方式：以電子檔案或紙本形式，供本公司及合作物流業者
21    於前述目的範圍內處理及利用。
22
23六、您的權利：依個資法第 3 條，您得向本公司行使查詢、閱覽、
24    複製、補充或更正、停止蒐集處理或利用、及刪除等權利。
25    聯絡方式：[email protected]
26
27七、您得自由選擇是否提供個人資料；惟若您拒絕提供必要欄位
28   （姓名、電話、地址），本公司將無法完成訂單配送。
29
30□ 我已閱讀並同意上述個人資料蒐集、處理及利用告知事項（必要）
31□ 我同意貴公司將我的個人資料用於行銷目的，包括電子報與
32   個人化推薦（選擇性，可隨時撤回）

1// ConsentForm.tsx
2import { useState } from 'react';
3
4interface ConsentState {
5  essential: boolean;   // 必要同意 (訂單履約)
6  marketing: boolean;   // 選擇性同意 (行銷)
7}
8
9export default function ConsentForm({
10  onSubmit,
11}: {
12  onSubmit: (consent: ConsentState) => void;
13}) {
14  const [consent, setConsent] = useState<ConsentState>({
15    essential: false,
16    marketing: false,
17  });
18  const [expanded, setExpanded] = useState(false);
19
20  return (
21    <div className="consent-wrapper" role="region" aria-label="個人資料同意書">
22      <button
23        onClick={() => setExpanded(!expanded)}
24        aria-expanded={expanded}
25        className="consent-toggle"
26      >
27        查看個人資料蒐集告知事項 {expanded ? '▲' : '▼'}
28      </button>
29
30      {expanded && (
31        <div className="consent-detail">
32          {/* 完整告知文字，可從 CMS 或 API 載入 */}
33          <p>蒐集機關：○○股份有限公司（統一編號：12345678）</p>
34          {/* ...其餘告知內容... */}
35        </div>
36      )}
37
38      <label className="consent-checkbox required">
39        <input
40          type="checkbox"
41          checked={consent.essential}
42          onChange={(e) =>
43            setConsent((prev) => ({ ...prev, essential: e.target.checked }))
44          }
45          required
46        />
47        <span>我已閱讀並同意個人資料蒐集、處理及利用告知事項（必要）</span>
48      </label>
49
50      <label className="consent-checkbox optional">
51        <input
52          type="checkbox"
53          checked={consent.marketing}
54          onChange={(e) =>
55            setConsent((prev) => ({ ...prev, marketing: e.target.checked }))
56          }
57        />
58        <span>我同意將個人資料用於行銷推薦（選擇性，可隨時撤回）</span>
59      </label>
60
61      <button
62        onClick={() => onSubmit(consent)}
63        disabled={!consent.essential}
64        className="consent-submit"
65      >
66        確認送出
67      </button>
68    </div>
69  );
70}

1CREATE TABLE consent_records (
2  id            UUID PRIMARY KEY DEFAULT gen_random_uuid(),
3  customer_id   UUID NOT NULL REFERENCES customers(id),
4  consent_type  VARCHAR(50) NOT NULL,  -- 'essential' | 'marketing'
5  granted       BOOLEAN NOT NULL,
6  ip_address    INET,
7  user_agent    TEXT,
8  consent_version VARCHAR(20) NOT NULL, -- e.g. 'v2.1-2025'
9  created_at    TIMESTAMPTZ NOT NULL DEFAULT now(),
10  revoked_at    TIMESTAMPTZ
11);
12
13CREATE INDEX idx_consent_customer ON consent_records(customer_id);
14CREATE INDEX idx_consent_type ON consent_records(consent_type);

1// routes/consent.ts (Express + Prisma)
2import { Router } from 'express';
3import { prisma } from '../lib/prisma';
4
5const router = Router();
6
7router.post('/api/consent', async (req, res) => {
8  const { customerId, consentType, granted } = req.body;
9  const record = await prisma.consentRecords.create({
10    data: {
11      customerId,
12      consentType,
13      granted,
14      ipAddress: req.ip,
15      userAgent: req.headers['user-agent'] || '',
16      consentVersion: 'v2.1-2025',
17    },
18  });
19  res.status(201).json({ id: record.id, status: 'recorded' });
20});
21
22// 撤回同意
23router.patch('/api/consent/:id/revoke', async (req, res) => {
24  const updated = await prisma.consentRecords.update({
25    where: { id: req.params.id },
26    data: { revokedAt: new Date() },
27  });
28  res.json({ id: updated.id, status: 'revoked' });
29});
30
31export default router;

1{
2  "id": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
3  "status": "recorded"
4}

1// 檢查是否需要重新同意
2const latestVersion = 'v3.0-2026';
3const customerConsent = await prisma.consentRecords.findFirst({
4  where: { customerId, consentType: 'essential', revokedAt: null },
5  orderBy: { createdAt: 'desc' },
6});
7
8if (!customerConsent || customerConsent.consentVersion !== latestVersion) {
9  // 觸發重新同意流程
10  triggerReconsentFlow(customerId);
11}

1# consent_audit.py
2import openai
3
4def audit_consent_text(consent_text: str) -> dict:
5    prompt = f"""你是台灣個資法合規專家。請檢查以下同意書是否包含個資法第 8 條
6    規定的所有告知事項：(1)蒐集機關名稱 (2)蒐集目的 (3)個資類別 (4)利用期間
7    (5)利用地區 (6)利用方式 (7)當事人權利 (8)不提供之影響。
8    針對每一項，回覆「合格」或「缺漏」並說明原因。
9    
10    同意書內容：
11    {consent_text}"""
12    
13    response = openai.chat.completions.create(
14        model="gpt-4o",
15        messages=[{"role": "user", "content": prompt}],
16        temperature=0.1,
17    )
18    return {"audit_result": response.choices[0].message.content}