這個自訂元素會動態載入任何已新增至 DevSite 外部內容語料庫的 DevSite 用戶群或外部資源內容。
一般使用說明
下列範例使用 <devsite-dynamic-content>
自訂元素,以動態方式載入三張內容資訊卡 (最多六張),並依所有 DevSite 用戶群的回訪率排序。
主題資訊卡
下列範例使用 <devsite-dynamic-content>
自訂元素來動態載入六張主題卡 (最多 12 張),以按照所有 DevSite 用戶群的回訪率排序。fields
屬性包含 title
、summary
、date
、product-icons
和 language
。
課程路線卡
下列範例使用 <devsite-dynamic-content>
自訂元素來動態載入六張路線卡 (最多 12 張),以按照所有 DevSite 用戶群的回訪率排序。fields
屬性包含 title
、summary
、date
、progress-bar
和 skill
。
播放清單和網誌資訊卡
以下範例使用 <devsite-dynamic-content>
自訂元素,以回訪率的方式動態載入三個 Android 播放清單和網誌資訊卡 (最多 12 個)。fields
屬性包含 title
、type
、attribution
和 date
。
所有用戶群文字搜尋
以下範例顯示清單,按照「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 載入所有集數。