“添加到日历”组件

Google Ads、Google AdMob、AMPHTML 广告视频广告图片广告均不支持此组件。

通过“添加到日历”组件,用户可以将活动提醒添加到自己的日历中。该组件支持 Google、Yahoo!、Windows Live 日历以及 iCalendar 格式。

桌面版 Safari 不支持 iCalendar 下载内容。

您可以将该组件配置为只适用于一种受支持的日历类型,也可以配置为适用于多种类型。如果您允许多种类型,用户可以从下拉菜单中选择日历。如果您只允许一种日历类型,该组件会立即打开日历(或下载 iCalendar 活动)。

如需在项目中使用“添加到日历”组件,请执行以下操作:

  1. 打开组件面板,然后打开日期/时间文件夹。
  2. 添加到日历 组件拖到场景中。
  3. 属性面板的添加到日历属性部分,输入事件名称、开始时间以及结束时间。
  4. 默认情况下,该组件是透明的。您可以将其放在可见元素前方,以便用户知道点击哪里才能启动该组件。

属性

属性 说明
名称 组件名称。
事件 将在用户日历中显示的活动名称。可以绑定到动态数据
开始日期 活动的开始日期。可以绑定到动态数据
开始时间 活动的开始时间(24 小时制)。可以绑定到动态数据
结束日期 活动的结束日期。可以绑定到动态数据
结束时间 活动的结束时间(24 小时制)。可以绑定到动态数据
时区 (可选)活动的时区。设置该属性后,当用户位于不同时区时,系统会为用户相应地调整时间。可以绑定到动态数据
地点 (可选)活动地点。可以绑定到动态数据
说明 (可选)活动说明。可以绑定到动态数据
日历类型

支持的日历类型:

  • iCalendar
  • Google
  • Windows Live
  • Yahoo

如果您选择多种类型,用户点击该组件后可以从随即显示的下拉菜单中选择一种类型。如果您只选择一种类型,用户点击该组件后会打开日历或下载 iCalendar 文件。

高级属性

如果您选择了多种日历类型,可以通过高级属性自定义下拉菜单的外观。如需显示高级属性,请在组件属性窗格中点击高级属性对应的展开图标

高级属性 说明
背景颜色 下拉菜单使用的背景颜色。
字体颜色 下拉菜单使用的字体颜色。
字体名称 下拉菜单使用的字体。
字体大小 下拉菜单使用的字体大小。
字体粗细 下拉菜单使用的字体粗细。
突出显示颜色 用户在下拉菜单中选择的内容使用的突出显示颜色。

预览

此组件在 Google Web Designer 界面内无法预览。要查看该组件的实际运作情况,请点击右上角的预览 按钮,在您的首选浏览器中预览您的文档

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
主菜单
9984491278598908370
true
搜索支持中心
true
true
true
true
true
5050422
false
false