使用內嵌網頁元件將內容新增至頁面
Applies ToSharePoint Server Subscription Edition SharePoint Server 2019 SharePoint in Microsoft 365 Office for business SharePoint admin center SharePoint operated by 21Vianet

當您新增 新式頁面至網站時,您可以新增及自訂 網頁 元件,以 SharePoint 頁面。 本文將說明內嵌網頁部分。

您可以在網頁中顯示 SharePoint 網站的內容, (YouTube 或 Bing地圖等內嵌) 。 對於許多網站,您可以使用網站的網頁位址作為內容,或內嵌網站提供的代碼。

使用網站位址顯示內容

您可以複製網站網址並將內容網址內嵌至內嵌網頁部分,以內嵌某些網站的內容。

  1. 複製您想要使用的內嵌內容連結。 若要這麼做,請前往包含您想要內嵌內容的網站。 您通常會在靠近內容的地方看到共用按鈕或連結。 按一下該連結,然後複製提供的連結位址。

    使用網站位址內嵌內容的範例
  2. 在 SharePoint頁面上,確認您進入編輯模式。 如果沒有,請按一下 頁面右上方 的 [編輯。

  3. 如果您頁面上還沒有內嵌網頁部分,請將滑鼠移到現有網頁部分上方或下方或標題區域下方,按一下 Circled plus sign used to add a modern web part to a page,然後從清單中選取 [內嵌 </> 網頁部分。

  4. 在右側屬性窗格中,將您先前複製的網站位址貼到網站 位址或內嵌程式碼 方塊中。

    將視訊 URL 或內嵌程式代碼貼到功能變數

附註: 

  • 如果您沒看到屬性窗格,請按一下網頁 Web part edit button 左側的[編輯網頁部分。

  • 內容連結僅適用于提供特定服務以使用連結嵌入內容的網站。 如果連結無法用於您想要內嵌的內容,請嘗試改為使用內嵌程式碼。

使用內嵌程式碼顯示內容

內嵌程式碼是網站中的特定指示清單,說明如何在另一個頁面上顯示該內容。 許多網站在其頁面上提供內嵌代碼,您可以複製並貼上。 您通常會看到標示為內嵌程式碼或/</>。 這會開啟一個文字方塊,其中包含一些程式碼。

例如,按一下 Vimeo 影片的 [共用> 按鈕,即可在共用對話方塊中查看內嵌程式碼。

使用內嵌程序代碼在 SharePoint 頁面上內嵌內容的範例

若要使用內嵌程式碼,請執行下列操作:

  1. 請複製內 (內) 內嵌程式碼,) 輸入您想要使用的內容。 若要這麼做,請前往包含您想要內嵌內容的網站。 您通常會在靠近內容的地方看到共用按鈕或連結,或標示為內嵌程式碼或</>。 這會開啟一個文字方塊,其中包含一些程式碼,類似上述 Vimeo 網站的影像。

  2. 如果您頁面上還沒有 [內嵌網頁部分 ,請按一下要插入影片區域中的 [ ,然後從清單中選取 [內嵌 </> 網頁部分。

  3. 在右側屬性窗格中,將內嵌程式碼貼到網站 位址或內嵌程式碼 方塊中。

    將視訊 URL 或內嵌程式代碼貼到功能變數

附註: 

  • 如果您沒看到屬性窗格,請按一下網頁 Web part edit button 左側的[編輯網頁部分。

連結至另一個網頁部分以顯示動態內容

使用內嵌網頁部分,您可以輸入使用變數的連結或內嵌程式碼,讓您根據頁面檢視器選取的專案來顯示各式各樣的專案。 例如,您可以根據使用者從影像 URL 清單中選取哪些專案來顯示影像。

有關資訊和範例,請參閱根據使用者在清單網頁零件中選取的內容顯示影片、影像或位置 (將內嵌網頁零件連接到清單網頁) 。

線上至影像清單的內嵌網頁元件範例

疑難排解

以下是內嵌可能無法使用最常見的原因:

  • 內嵌程式碼必須以 iframe 為基礎 (,也就是說,以 iframe <開始>標記) 。 不支援內嵌<腳本>標記。

  • 只有安全的網站可以內嵌。 請確定網站的 URL 以 HTTPS 開頭。

  • 並非所有網站都允許內嵌其頁面,因此您可能無法內嵌它們,即使它們是安全的,而且使用 iframe 型內嵌程式碼。 如果您遇到問題,請與網站確認是否允許內嵌。

  • 網站集合系統管理員可以控制使用者是否能內嵌來自外部網站的內容。 如果他們不讓參與者內嵌內容,您可能會看到錯誤訊息,指出「不允許從這個網站內嵌內容」。 請參閱您的系統管理員和/或說明文章允許或限制在網頁內嵌SharePoint內容

有任何功能要求嗎? 

如果您想要內嵌來自不安全網站的內容,或使用不同的內嵌方法,或者如果您有任何其他建議或意見,請告訴我們。  我們隨時洗耳恭聽。

針對問題提供Microsoft Office

Need more help?

Want more options?

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

社群可協助您詢問並回答問題、提供意見反應,以及聆聽來自具有豐富知識的專家意見。