新增內容至使用內嵌網頁組件頁面

新增內容至使用內嵌網頁組件頁面

附註: 我們想要以您的語言,用最快的速度為您提供最新的說明內容。 本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。 讓這些內容對您有所幫助是我們的目的。 希望您能在本頁底部告訴我們這項資訊是否有幫助。 此為英文文章出處,以供參考。

當您新增至網站新版頁面,您可以新增及自訂網頁組件來建立您的SharePoint頁面。 本文將說明內嵌網頁組件。

您可以在 [從網站,讓內嵌SharePoint頁面上顯示內容 (例如,例如 YouTube 或 Bing 地圖服務)。 許多網站,您可以使用網站的網址內容或內嵌程式碼的網站會提供。

使用的網站地址的顯示內容

您可以內嵌來自部分網站的內容複製並貼到內嵌網頁組件內容的網站的網址。

  1. 複製您想要使用內嵌內容的連結。 若要這樣做,請移至您想要內嵌內容的網站。 某處附近內容,您將通常會看到 [共用] 按鈕或連結。 按一下文字方塊,並複製所提供的連結位址。

    使用網站的網址,來將內容內嵌的範例
  2. 在 SharePoint 頁面,請確定您是在編輯模式。 如果您不是,按一下 [編輯頂端頁面右上方。

  3. 如果您還沒有內嵌網頁組件頁面上,上述將滑鼠游標移下方現有網頁組件,或是標題區域下方,按一下 [ 用於將新式網頁組件新增到頁面的圓框加號 ,或從清單中選取 [內嵌 </>網頁組件。

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

    貼上視訊的 URL 或內嵌程式碼到欄位

附註: 

  • 如果您沒有看到 [屬性] 窗格,請按一下 [編輯網頁組件 網頁組件編輯] 按鈕 左側的網頁組件]。

  • 內容的連結只適用於提供特定服務內嵌內容使用連結的網站。 如果連結不適合您想要內嵌的內容,請嘗試改用內嵌程式碼。

顯示內容使用內嵌程式碼

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

例如,按一下 [共用] 按鈕以查看 [共用] 對話方塊中的內嵌程式碼 slideshare.net 的網路上的視訊。

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

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

  1. 針對您想要使用的內容複製內嵌程式碼 (如果有的話)。 若要這樣做,請移至您想要內嵌內容的網站。 某處附近內容,您將通常會看到 [共用] 按鈕或連結,或按鈕標示為 [內嵌程式碼</>。 這將會開啟文字方塊以一些程式碼中,類似上述 slideshare.net 的網路網站的影像。

  2. 如果您還沒有內嵌網頁組件頁面上,按一下您想要插入的視訊,並從清單中選取 [內嵌 </>網頁組件區域中 SPO 加號

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

    貼上視訊的 URL 或內嵌程式碼到欄位

附註: 

  • 如果您沒有看到 [屬性] 窗格,請按一下 [編輯網頁組件 網頁組件編輯] 按鈕 左側的網頁組件]。

連線至其他網頁組件以顯示動態內容

使用內嵌網頁組件中,您可以輸入連結或內嵌程式碼,使用變數,讓您可以顯示各種根據您的網頁檢視器的選取項目。 例如,您可以顯示根據使用者選取清單中的 [圖像 Url 的影像。

如需資訊和範例,請參閱顯示視訊、 影像或根據使用者選取清單網頁組件中的位置 (內嵌網頁組件連線至清單網頁組件)

內嵌網頁組件連線至清單的影像的範例

疑難排解

以下是最常見的原因為何內嵌可能無法運作:

  • 內嵌程式碼必須 iframe 型 (也就是開始和結束 <iframe> 標記)。 內嵌程式碼使用 <script> 標籤不受支援。

  • 您可以內嵌僅安全的網站。 請確認網站的 URL 開頭為 HTTPS。

  • 並非所有的網站,讓他們內嵌,因此您可能無法嵌入,即使它們是安全的頁面和使用 iframe 型內嵌程式碼。 如果您有問題,請洽詢網站,請參閱如果它們允許內嵌。

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

如果您想要內嵌的內容從安全的網站,或使用不同內嵌方法,讓我們知道 uservoice

增進您的 Office 技巧
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×