此自定义元素可动态地从任何已添加到 DevSite 外部内容语料库的 DevSite 租户或外部资源加载内容。
一般用法
以下示例使用 <devsite-dynamic-content>
自定义元素按照新近度在所有 DevSite 租户中动态加载三个内容卡片(最多 6 个)。
主题卡片
以下示例使用 <devsite-dynamic-content>
自定义元素按新近度在所有 DevSite 租户中动态加载六个主题卡片(最多 12 个)。fields
属性包括 title
、summary
、date
、product-icons
和 language
。
开发者在线课程卡片
以下示例使用 <devsite-dynamic-content>
自定义元素在所有 DevSite 租户中按新近度动态加载六张路径卡(最多 12 张)。fields
属性包括 title
、summary
、date
、progress-bar
和 skill
。
播放列表和博客卡片
以下示例使用 <devsite-dynamic-content>
自定义元素按照新近度动态加载三张 Android 播放列表和博客卡片(最多 12 张)。fields
属性包括 title
、type
、attribution
和 date
。
全租户文字搜索
以下示例显示了按“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 播客中的所有分集。