WordPress 嵌入地圖與 Google 表單：寬度、隱私與可用性

活動頁放了一張地圖和報名表，看起來資料齊全，手機讀者卻找不到送出按鈕，沒有登入公司帳號的人也無法作答。嵌入內容的問題常發生在網站以外：外部服務的權限與版面不會因為放進 WordPress 就自動調整好。

以下以社區工作坊的交通與報名頁為例，先確認地址和表單的正確版本，再嵌入網站，最後用未登入的手機流程驗收。地址文字與外部開啟連結都應保留，讓嵌入區載入失敗時，讀者仍有下一步。

先確認要公開的是哪一份內容

地圖要對應實際集合點，不只核對店名，還要檢查門牌、入口與地圖標記。有些場地名稱相似，或入口位於側巷，單靠地圖中心點容易造成誤解。正文另外寫完整地址、集合樓層及簡短入口說明，方便讀者複製或交給同行者。

表單則確認所有者、用途、截止時間與回覆管理人員。若從上一場活動複製，逐項檢查日期、選項、確認訊息及結果存放位置，不要只更換標題。網站編輯網址、作答者網址與嵌入碼各有用途，不能互相替代。

若已有完整地址與明確外部表單連結，先判斷是否真的需要內嵌。長表單、包含複雜登入流程或大量附件需求時，獨立開啟可能比較容易完成。以讀者能順利找到地點並完成填答作為選擇依據。

從 Google 地圖取得官方嵌入碼

在電腦版 Google 地圖找到正確地點或區域，使用分享或嵌入地圖功能，選擇嵌入地圖並複製 HTML。先在預覽中核對標記及縮放，不要直接複製瀏覽器網址後假設它就是可用的 iframe 來源。這裡使用的是地圖分享流程，不是自行開發 Maps API 功能。

在 WordPress 聯絡或活動頁加入自訂 HTML 區塊，貼入取得的官方程式碼並預覽。保留 Google 提供的來源與必要標示，不要把地圖截圖當成可任意修改的自有圖片。地圖下方放上文字地址及在 Google 地圖開啟的連結。

如果使用的是自己整理多個地點的 Google 我的地圖，則依該產品的分享設定確認地圖公開，再使用嵌入我的網站。私人清單與一般地點分享不是同一種功能；測試時要離開自己的登入狀態，避免把自己有權限看見誤當成所有人都看得見。

Google 表單先發布，再設定作答入口

Google 現行文件要求先發布表單，作答者才能存取。先到設定檢查回覆與呈現方式，再按發布並管理作答者存取權。對公開活動，要依實際需求設定誰能作答；若是公司或學校帳號，還要確認組織政策是否限制外部填答。

需要嵌入時，從表單右上方更多選單取得嵌入 HTML，貼到 WordPress 的自訂 HTML 區塊。另行複製作答者連結，放在嵌入區前後容易找到的位置。不要公開編輯者共用連結，也不要把回覆試算表當成報名入口。

開啟僅限回覆一次會要求作答者登入 Google 帳號，這應提前告知。查看結果摘要也要謹慎：Google 說明其內容可能包括答案全文或圖表，能作答的人可以查看。收集個人聯絡資料的表單，先確認沒有意外公開其他人的回答。

分別處理寬度、高度與操作空間

嵌入區常帶固定寬高，桌面正常不代表窄螢幕也正常。可請維護者把 iframe 的 CSS 寬度設為容器的百分之百，再限制合適最大寬度；高度則按內容與實際操作檢查。地圖可以採固定比例，長表單卻不能直接套用影片比例。

表單的下一頁、錯誤訊息與提交按鈕都可能改變需要的高度。外部頁面不一定能讓你的網站自動讀取高度，因此不要承諾一次設定就永遠不會出現內部捲軸。若在手機上難以操作，保留明顯的獨立開啟入口，比把下半段裁掉更實用。

地圖不要佔滿整個手機畫面，讓人仍能在地圖外滑動頁面。為 iframe 提供能描述用途的 title，例如工作坊集合地點地圖，協助辨識區塊。測試鍵盤移入與移出嵌入區，避免使用者進去後不知道如何繼續閱讀。

把外部載入與資料流向說清楚

iframe 會載入另一個服務的頁面，會產生外部連線並消耗資源。可以按網站需要採用點擊後載入，或在適合的區塊評估延遲載入；但延遲載入不是同意管理，也不代表外部服務完全不處理資料。不要用一個屬性就宣稱解決所有隱私問題。

表單附近應清楚交代誰收集資料、用途、聯絡方式與必要提醒。若資料會由 Google 表單及回覆試算表保存，交接時也要安排帳號權限與保留流程。不要讓所有能編輯網站的人，自動取得全部報名者資料。

如果 iframe 儲存後消失或顯示被阻擋，先請維護者查帳號權限、平台對 HTML 的限制與內容安全政策。不要為了一個嵌入區直接停用全站防護；可以改用官方支援的整合方式，或先提供經確認可用的外部連結。

用未登入的讀者路徑完成驗收

開啟新的未登入視窗，從網站導覽進入活動頁，確認地圖可辨識、地址能複製、外部連結指向正確地點。再以一般手機瀏覽器操作，查看固定按鈕是否擋住地圖控制或表單欄位。需要登入的步驟應有清楚提示。

1. 使用測試資料填完表單，包含下一頁、必填錯誤及最後確認訊息。
2. 回到表單管理端核對該筆回覆，確認負責人知道到哪裡處理。
3. 暫時不載入嵌入區時，檢查文字地址與獨立開啟連結是否仍可使用。

活動結束後一起更新網站與外部內容

截止後更新網站文案，也要檢查表單是否仍接受回覆，以及確認訊息是否適合。若場地異動，地圖與正文地址必須同步；只改其中一處，讀者可能依不同資訊前往不同位置。

保留一份簡單清單，列出頁面網址、地圖來源、表單所有者、作答者連結及最後測試日期。下一次複製活動頁時，按這份清單逐項替換與驗證，就能避免舊內容、舊權限和舊回覆資料一起被帶進新活動。

建立 WordPress 聯絡表單

安排網站頁面與文章內容

• 教學
• 軟體與 App
• 架站與電商
• WordPress