使用 Embed 網頁部分為你的頁面新增內容
Applies To
SharePoint Server Subscription Edition SharePoint Server 2019 SharePoint in Microsoft 365 SharePoint admin center SharePoint operated by 21Vianet

當你 在網站上新增現代頁面時,可以新增和自訂 網頁部分 來建立你的 SharePoint 頁面。 本文介紹 Embed 網頁部分。

你可以在 SharePoint 頁面上顯示允許嵌入 (的網站內容,例如YouTube或Bing地圖) 。 對許多網站來說,你可以選擇使用網站的網址來提供內容,或是嵌入網站提供的程式碼。

使用網站地址顯示內容

你可以透過複製並貼上網站的網址到嵌入網頁部分,來嵌入部分的內容。

  1. 複製你想使用的可嵌入內容的連結。 要做到這點,請前往你想嵌入內容的網站。 在內容附近你通常會看到一個分享按鈕或連結。 點擊它,並複製提供的連結地址。

    使用網站地址嵌入內容的範例
  2. 如果你還沒進入編輯模式,請點擊頁面右上角的 編輯 。 右邊 (內容面板中的工具箱圖示) 找到 工具箱

  3. 選擇 「查看所有網頁部分」,然後從網頁零件列表中選擇或拖放「 嵌入」</>

  4. 選擇 編輯屬性 (Icon for editing web part and section properties) ,然後將你之前複製的網站地址貼上到 網站地址或嵌入程式碼 框中。

    將影片網址或嵌入程式碼貼入欄位

附註: 

  • 內容連結僅適用於提供特定服務以連結嵌入內容的網站。 如果連結無法用於你想嵌入的內容,試著使用嵌入程式碼。

使用嵌入程式碼顯示內容

嵌入程式碼是一份來自網站的具體指示清單,描述如何在其他頁面上顯示該內容。 許多網站會在頁面上提供嵌入碼,供你複製貼上。 你通常會看到一個標示 為嵌入代碼</>的按鈕。 這會打開一個包含程式碼的文字框。

例如,點擊 Vimeo 影片的 分享 按鈕,可以看到分享對話框中的嵌入程式碼。

使用嵌入程式碼將內容嵌入 SharePoint 頁面的範例

要使用嵌入程式碼,請執行以下步驟:

  1. 如果有嵌入碼, (複製) 你想用的內容。 要做到這點,請前往你想嵌入內容的網站。 在內容附近,你通常會看到一個分享按鈕或連結,或標示 為嵌入碼</>的按鈕。 這會開啟一個包含程式碼的文字框,類似上面 Vimeo 網站的圖片。

  2. 右邊 (內容面板中的工具箱圖示) 找到 工具箱 。 選擇 「查看所有網頁部分」,然後從網頁零件列表中選擇或拖放「嵌入」</>

  3. 選擇 編輯屬性 (Icon for editing web part and section properties) ,然後將嵌入程式碼貼上到 網站地址或嵌入程式碼 框中。

    將影片網址或嵌入程式碼貼入欄位

透過連接其他網頁元件來顯示動態內容

透過 Embed 網頁部分,你可以輸入連結或嵌入使用變數的程式碼,根據頁面瀏覽者選擇的項目,顯示各種不同的項目。 例如,你可以根據使用者從圖片網址列表中選擇的圖片來顯示圖片。

關於資訊與範例,請參閱 「根據使用者在清單網頁部分中選擇的影片、圖片或位置」 (將嵌入網頁部分連結至清單網頁部分)

嵌入網頁部分與圖片列表相連的範例

疑難排解

以下是嵌入可能無法奏效的最常見原因:

  • 嵌入程式碼必須基於 iframe, (也就是說,從 iframe> 標籤) 開始和結束 <。 不支援使用 <腳本> 標籤的嵌入程式碼。

  • 只有安全的網站才能被嵌入。 請確保網站網址以 HTTPS 開頭。

  • 並非所有網站都允許嵌入頁面,因此即使它們安全且使用基於 iframe 的嵌入程式碼,你也可能無法嵌入。 如果遇到問題,請上官網確認是否允許嵌入。

  • 網站收藏管理員可控制使用者是否能嵌入外部網站的內容。 如果他們不允許貢獻者嵌入內容,你可能會看到錯誤訊息:「不允許嵌入本網站內容。」 請參閱您的管理員和/或說明文章 :允許或限制在 SharePoint 頁面嵌入內容的能力。

有任何功能要求嗎? 

如果你想嵌入來自不安全網站的內容,或使用不同的嵌入方法,或有其他建議或回饋,請告訴我們。  我們隨時洗耳恭聽。

提供 Microsoft Office 的意見反應

Need more help?

Want more options?

探索訂閱權益、瀏覽訓練課程、瞭解如何保護您的裝置等等。