網站嵌入 3D 導覽前,先確認平台允許嵌入、網址公開設定正確,再安排版面、載入方式與備用入口。完成貼碼只是開始,手機操作與失敗時的替代路徑也要驗收。

取得正確的分享或嵌入連結

請製作方提供已核准公開的導覽網址與平台建議的嵌入方式。不要使用管理後台、預覽權杖或需要登入的編輯連結。先在未登入狀態開啟分享網址,確認看得到正確場景;密碼保護、網域限制與嵌入權限則依專案需求逐項確認。

為導覽留出穩定的觀看區域

iframe 可以在頁面內嵌入另一份網頁;每個嵌入也會使用額外資源。可先用一個主要觀看區配合作品選單,避免同時啟動多個大型導覽。為畫面設定穩定尺寸與有意義的標題,載入前先顯示封面或提示,減少版面跳動與等待時的疑惑。

參考:MDN — iframe ↗

檢查捲動、拖曳與全螢幕

手機上,手指可能同時要捲動網站與旋轉導覽,需設計清楚的進入方式。測試直式與橫式畫面、返回頁面、放大縮小,以及平台實際支援的全螢幕操作。不要只在桌機滑鼠環境確認;網站導覽列也不應擋住場景內的重要按鈕。

保留開啟原始導覽的入口

如果外部平台暫時無法載入,讀者仍應看得到作品名稱、說明與「另開導覽」連結。不要讓一個空白框成為整頁唯一內容。網站負責人需與平台方共同確認內容安全政策、嵌入限制與必要權限,避免用關閉網站防護的方式處理相容問題。

把維護責任放進交接清單

交接時記錄導覽網址、嵌入頁面、管理窗口與服務期限。網址更換、場景停用或訂閱異動後,要有人檢查網站上的入口。第三方導覽內部行為是否能納入統計,取決於平台介面與權限;網站上的開啟點擊,不能直接當成場景已成功載入。

委託前快速確認

  • 未登入時可否開啟正確的公開場景?
  • 手機是否可順利操作並返回網站?
  • 嵌入失敗時是否有清楚的原始連結?

從理解,走向實作