# 影片筆記：ChatGPT 5.6 做出隨來源資料即時變動的網頁 | 免資料庫、不用架網站、零維護成本！| 追蹤【龍龍FB粉專頁】，17門課程0元免費領回家！前100名免費，先搶再說！送完為止！

## 一句話總結

本影片演示如何利用 **ChatGPT 的 Sites 外掛** 搭配 **Google Sheets**，建立一個無需資料庫、零維護成本的動態網頁。透過將 Google Sheets 設定為「知道連結的人皆可檢視」，並讓 ChatGPT 直接串接該試算表連結，所建立的網站能即時同步來源資料的變動，適用於報價單、活動行程、庫存清單等需頻繁更新的動態資料。

## 核心重點

*   **技術組合**：ChatGPT Sites 外掛 + Google Sheets。
*   **運作原理**：
    *   Google Sheets 設定為「知道連結的人皆可以檢視」。
    *   ChatGPT 透過 Sites 外掛串接該連結，直接讀取最新資料。
    *   來源資料變動時，網站內容即時同步更新。
*   **優勢**：
    *   無需重新調整網頁程式碼。
    *   無需手動發布。
    *   適合管理頻繁變動的動態資料（如報價單、活動行程、庫存清單）。
*   **痛點解決**：解決網站管理時資料需頻繁手動更新的困擾。

## 詳細大綱

### 一、 核心概念與優勢
*   **痛點解決**：解決網站管理時資料需頻繁手動更新的困擾。
*   **技術組合**：ChatGPT Sites 外掛 + Google Sheets。
*   **運作原理**：
    *   Google Sheets 設定為「知道連結的人皆可以檢視」。
    *   ChatGPT 透過 Sites 外掛串接該連結，直接讀取最新資料。
    *   來源資料變動時，網站內容即時同步更新。
*   **優勢**：
    *   無需重新調整網頁程式碼。
    *   無需手動發布。
    *   適合管理頻繁變動的動態資料（如報價單、活動行程、庫存清單）。

### 二、 實作步驟詳解
1.  **準備資料**：
    *   範例為銷售資料 CSV 檔案（約 1825 筆）。
    *   上傳至 Google 硬碟指定目錄。
    *   **關鍵動作**：點選檔案，選擇用 **Google 試算表** 開啟（而非直接分享 CSV）。
    *   關閉視窗後，目錄中會產生對應的 Google 試算表檔案。
2.  **設定權限**：
    *   對該 Google 試算表檔案右鍵點選「共用」。
    *   存取許可權調整為「知道連結的任何人」。
    *   複製該連結。
3.  **ChatGPT 設定與提示詞**：
    *   選擇 **Terra** 模型。
    *   推理強度設為「高」。
    *   使用 Sites 外掛功能。
    *   將剛才複製的 Google 連結替換提示詞中的 URL。
    *   **提示詞目標**：
        *   網站連線開放資料並保持連線。
        *   產生 BI 分析儀錶板（中文版）。
        *   對象為經營高層。
        *   首頁需直接說明洞察結果與建議方針。
4.  **開發與選擇**：
    *   ChatGPT 呼叫「建設網站」技能 (Skill)。
    *   系統預設提供三種視覺方向供選擇（若未直接生成）：
        1.  深藍色系。
        2.  淺色系。
        3.  偏綠色系。
    *   使用者回覆選項（如回覆 2），ChatGPT 繼續進行完整開發。
5.  **驗證與修改**：
    *   約 4-5 分鐘完成網站建設。
    *   在新分頁開啟檢視內容（標題、重點 Highlight、洞察資訊、營收/行銷/商品/區域績效分析）。
    *   **即時更新測試**：
        *   在原始 Google Sheets 新增一筆北區資料。
        *   重新整理網站頁面，確認數值已同步更新（例如從 280,252 變更為 281,039）。
    *   **細部修改**：
        *   回到 ChatGPT 對話視窗輸入提示詞（如修改首頁名稱）。
        *   重新整理網站頁面確認標題已變更。
6.  **分享與存取**：
    *   預設狀態下其他人無法觀看。
    *   在聊天視窗點選「分享」。
    *   選擇「知道連結的人可以觀看」並儲存。
    *   複製連結傳送給觀看者。

## 工具 / 模型 / 名詞整理

*   **ChatGPT**
*   **Sites 外掛** (ChatGPT 的功能/外掛)
*   **Google Sheets** (Google 試算表)
*   **Google 硬碟**
*   **Terra** (模型名稱)
*   **BI 分析儀錶板** (功能描述)
*   **CSV** (檔案格式)
*   **Skill** (技能/功能名稱，原文提及「建設網站的技能 Skill」)

## 操作流程整理

1.  **資料準備與轉換**：
    *   將銷售資料 CSV 檔案（約 1825 筆）上傳至 Google 硬碟。
    *   在 Google 硬碟中點選該 CSV 檔案，選擇用 **Google 試算表** 開啟。
    *   關閉視窗後，確認目錄中已產生對應的 Google 試算表檔案。
2.  **權限設定**：
    *   在 Google 硬碟中找到該試算表檔案。
    *   右鍵點選檔案，選擇「共用」。
    *   將存取許可權調整為「知道連結的任何人」。
    *   複製該共享連結。
3.  **ChatGPT 指令輸入**：
    *   在 ChatGPT 中選擇 **Terra** 模型。
    *   將推理強度設為「高」。
    *   啟用 **Sites 外掛** 功能。
    *   輸入提示詞，將剛才複製的 Google 連結替換提示詞中的 URL 位置。
    *   提示詞內容需包含：網站連線開放資料並保持連線、產生 BI 分析儀錶板（中文版）、對象為經營高層、首頁需直接說明洞察結果與建議方針。
4.  **網站開發與風格選擇**：
    *   ChatGPT 呼叫「建設網站」技能 (Skill)。
    *   系統預設提供三種視覺方向供選擇：
        1.  深藍色系。
        2.  淺色系。
        3.  偏綠色系。
    *   使用者回覆選項（例如回覆 2），ChatGPT 繼續進行完整開發。
5.  **驗證與即時更新測試**：
    *   等待約 4-5 分鐘完成網站建設。
    *   在新分頁開啟檢視內容，確認包含標題、重點 Highlight、洞察資訊、營收/行銷/商品/區域績效分析。
    *   **即時更新測試**：
        *   在原始 Google Sheets 新增一筆北區資料。
        *   重新整理網站頁面，確認數值已同步更新（例如從 280,252 變更為 281,039）。
    *   **細部修改測試**：
        *   回到 ChatGPT 對話視窗輸入提示詞（如修改首頁名稱）。
        *   重新整理網站頁面確認標題已變更。
6.  **分享連結**：
    *   預設狀態下其他人無法觀看。
    *   在聊天視窗點選「分享」。
    *   選擇「知道連結的人可以觀看」並儲存設定。
    *   複製連結傳送給觀看者。

## 值得注意的限制或風險

*   **預設隱私限制**：預設狀態下其他人無法觀看網站，必須手動在聊天視窗點選「分享」並調整權限為「知道連結的人可以觀看」。
*   **資料同步依賴**：網站內容即時同步更新依賴於 Google Sheets 的權限設定為「知道連結的人皆可以檢視」，若權限變更或連結失效，網站可能無法讀取資料。
*   **開發時間**：網站建設約需 4-5 分鐘，並非即時生成。
*   **資料規模**：範例中使用約 1825 筆銷售資料，未提及更大規模資料的效能表現。

## 逐字稿辨識疑點

*   **Terra 的模型**：逐字稿中明確提到「選擇 Terra 的模型」，此為 ChatGPT 模型名稱的聽寫或口誤，需查證是否指代特定模型版本或名稱。
*   **Sites 外掛**：ChatGPT 官方功能通常稱為 "Browse" 或 "Canvas" 或特定插件，"Sites" 一詞在逐字稿中出現多次，需確認是否為特定外掛名稱或口誤。
*   **建設網站的技能 Skill**：逐字稿提到「呼叫建設網站的技能 Skill」，"Skill" 一詞需查證是否為特定功能模組的名稱。
*   **280,252 / 281,039**：這些數值為影片中的具體數據範例，若與實際操作不符，僅為影片演示數據。
*   **abcd公司**：提示詞範例中提到的公司名稱，為虛構範例。

## 可延伸追問

*   此方法是否支援更複雜的資料關聯或多個試算表的串接？
*   若 Google Sheets 的資料結構發生重大變更（如欄位增減），網站是否會自動適應或需要重新生成？
*   「Terra」模型與一般 ChatGPT 模型在此功能上的差異為何？
*   此方法生成的網站是否支援使用者互動（如表單提交）或僅為只讀展示？
*   若資料量超過數萬筆，此方法的效能與載入速度如何？