嵌入您的網站
最後更新：
在任何地方嵌入專案
除了直接分享連結，您也可以把影月製作的專案用 iframe 嵌入自己的網站，讓觀眾不必離開您的頁面就能瀏覽展覽。整個過程只需要複製一段程式碼，不需要安裝外掛。
嵌入方式
專案製作完成後，我們會提供您一組永久連結。請將以下程式碼中的 https://app.shadowmoon.com.tw/monet/index.htm 替換為您的專屬網址，再貼到網頁 <body> 中您希望顯示的位置：
<iframe src="https://app.shadowmoon.com.tw/monet/index.htm" frameborder="0" width="100%" height="400px" scrolling="no" allow="xr-spatial-tracking; gyroscope; accelerometer" allowfullscreen></iframe>allow 屬性用來授權 iframe 內的專案使用感測器與 VR 功能：xr-spatial-tracking 對應 VR 模式，gyroscope 與 accelerometer 則讓手機可以用轉動裝置的方式環顧四周。若省略這些權限，專案仍可觀看，但這些互動方式會失效。
細節調整
如果您想調整嵌入視窗的大小，可以修改程式碼中 width="100%" 與 height="400px" 的部分。
例如希望寬度變為一半，改成 width="50%"；想讓視窗變高或變矮，則調整 height="400px" 的數值。
建議高度不要低於 400px。展場介面上的選單與資訊視窗需要一定的垂直空間，過矮的視窗會讓操作變得侷促。
滿版嵌入代碼
如果您希望專案佔滿整個瀏覽器視窗、不受螢幕尺寸影響，可以改用以下程式碼，同樣記得替換為您的專屬網址：
<iframe style="position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; margin: 0; padding: 0; overflow: hidden; z-index: 1;" src="https://app.shadowmoon.com.tw/monet/index.htm" scrolling="no" allow="xr-spatial-tracking; gyroscope; accelerometer" allowfullscreen></iframe>在WordPress 網站嵌入
無論使用傳統編輯器、區塊編輯器或 Elementor，都是選擇「自訂 HTML」類型的區塊，將程式碼貼上，再依照您的版面調整寬高。
使用FTP修改、嵌入
將要修改的 HTML 檔案下載到本機，找到 <body> 與 </body> 之間的位置，貼上程式碼並調整寬高。存檔後以 FTP 上傳覆蓋原本的檔案即可。
嵌入後沒有正常顯示
畫面空白或顯示被拒絕連線。 部分網站會設定內容安全政策（CSP）限制可嵌入的來源。若您的網站有這類設定，請將 app.shadowmoon.com.tw 加入 frame-src 的允許清單；使用自訂網域的專案則加入您自己的網域。
手機上無法進入全螢幕。 請確認 iframe 標籤上保留了 allowfullscreen，部分網站編輯器在儲存時會自動移除它。
手機轉動裝置沒有反應。 請確認 allow 屬性中包含 gyroscope。另外 iOS 會要求觀眾主動同意使用動作感測器，第一次進入時出現的提示需要按下允許。
若調整後仍有問題，歡迎與我們聯繫，提供您的網站網址，我們會協助確認。