動態內容

這個自訂元素會動態載入任何已新增至 DevSite 外部內容語料庫的 DevSite 用戶群或外部資源內容。

一般使用說明

下列範例使用 <devsite-dynamic-content> 自訂元素,以動態方式載入三張內容資訊卡 (最多六張),並依所有 DevSite 用戶群的回訪率排序。

主題資訊卡

下列範例使用 <devsite-dynamic-content> 自訂元素來動態載入六張主題卡 (最多 12 張),以按照所有 DevSite 用戶群的回訪率排序。fields 屬性包含 titlesummarydateproduct-iconslanguage

課程路線卡

下列範例使用 <devsite-dynamic-content> 自訂元素來動態載入六張路線卡 (最多 12 張),以按照所有 DevSite 用戶群的回訪率排序。fields 屬性包含 titlesummarydateprogress-barskill

播放清單和網誌資訊卡

以下範例使用 <devsite-dynamic-content> 自訂元素,以回訪率的方式動態載入三個 Android 播放清單和網誌資訊卡 (最多 12 個)。fields 屬性包含 titletypeattributiondate

以下範例顯示清單,按照「Devdream 虛擬實境」在所有 DevSite 用戶群中,列出前 12 個 devsite-only 文字搜尋相符項目的標題。

調整欄數

根據預設,<devsite-dynamic-content> 自訂元素會將結果分成三欄, 以下範例會將 items-across 屬性設為「2」,藉此將結果分成兩欄以顯示結果。

外部內容

將外部來源新增至用戶群設定檔,並在 <devsite-dynamic-content> 自訂元素中指定 origin 屬性,將外部內容納入結果。

YouTube

下列範例在 <devsite-dynamic-content> 自訂元素中指定 origin:youtube。結果會以動態方式載入三張資訊卡 (最多 12 張),顯示 Android 的 YouTube 影片中「kotlin」的熱門文字。

Blogger

以下範例在 <devsite-dynamic-content> 自訂元素中指定 origin:blogger,並動態載入 Google Developers 網誌的三篇文章。

下列範例在 <devsite-dynamic-content> 自訂元素中指定 origin:medium。結果會以動態方式載入三則 (最多 12 篇) 符合出處和作者中繼資料的貼文。

雲端網誌

下列範例在 <devsite-dynamic-content> 自訂元素中指定 tenant:cloud+type:blog,以將動態內容結果納入 Google Cloud Platform 網誌內容。

LibSyn Podcast

以下範例在 <devsite-dynamic-content> 自訂元素中指定 origin:libsyn,並會動態從「Search Off the Record」LibSyn Podcast 載入所有集數。