动态内容

此自定义元素可动态地从任何已添加到 DevSite 外部内容语料库的 DevSite 租户或外部资源加载内容。

一般用法

以下示例使用 <devsite-dynamic-content> 自定义元素按照新近度在所有 DevSite 租户中动态加载三个内容卡片(最多 6 个)。

主题卡片

以下示例使用 <devsite-dynamic-content> 自定义元素按新近度在所有 DevSite 租户中动态加载六个主题卡片(最多 12 个)。fields 属性包括 titlesummarydateproduct-iconslanguage

开发者在线课程卡片

以下示例使用 <devsite-dynamic-content> 自定义元素在所有 DevSite 租户中按新近度动态加载六张路径卡(最多 12 张)。fields 属性包括 titlesummarydateprogress-barskill

播放列表和博客卡片

以下示例使用 <devsite-dynamic-content> 自定义元素按照新近度动态加载三张 Android 播放列表和博客卡片(最多 12 张)。fields 属性包括 titletypeattributiondate

以下示例显示了按“daydream virtualreal”在所有 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 个)。

Cloud 博客

以下示例在 <devsite-dynamic-content> 自定义元素内指定 tenant:cloud+type:blog,以在动态内容结果中包含 Google Cloud Platform 博客内容。

LibSyn 播客

以下示例在 <devsite-dynamic-content> 自定义元素中指定 origin:libsyn,并动态加载“Search Off the Record”(搜索不保存)LibByn 播客中的所有分集。