Google Ads、Google AdMob、AMPHTML 广告、视频广告和图片广告均不支持此组件。
通过“添加到日历”组件,用户可以将活动提醒添加到自己的日历中。该组件支持 Google、Yahoo!、Windows Live 日历以及 iCalendar 格式。
桌面版 Safari 不支持 iCalendar 下载内容。
您可以将该组件配置为只适用于一种受支持的日历类型,也可以配置为适用于多种类型。如果您允许多种类型,用户可以从下拉菜单中选择日历。如果您只允许一种日历类型,该组件会立即打开日历(或下载 iCalendar 活动)。
如需在项目中使用“添加到日历”组件,请执行以下操作:
- 打开组件面板,然后打开日期/时间文件夹。
- 将添加到日历 组件拖到场景中。
- 在属性面板的添加到日历属性部分,输入事件名称、开始时间以及结束时间。
- 默认情况下,该组件是透明的。您可以将其放在可见元素前方,以便用户知道点击哪里才能启动该组件。
属性
属性 | 说明 |
---|---|
名称 | 组件名称。 |
事件 | 将在用户日历中显示的活动名称。可以绑定到动态数据。 |
开始日期 | 活动的开始日期。可以绑定到动态数据。 |
开始时间 | 活动的开始时间(24 小时制)。可以绑定到动态数据。 |
结束日期 | 活动的结束日期。可以绑定到动态数据。 |
结束时间 | 活动的结束时间(24 小时制)。可以绑定到动态数据。 |
时区 | (可选)活动的时区。设置该属性后,当用户位于不同时区时,系统会为用户相应地调整时间。可以绑定到动态数据。 |
地点 | (可选)活动地点。可以绑定到动态数据。 |
说明 | (可选)活动说明。可以绑定到动态数据。 |
日历类型 |
支持的日历类型:
如果您选择多种类型,用户点击该组件后可以从随即显示的下拉菜单中选择一种类型。如果您只选择一种类型,用户点击该组件后会打开日历或下载 iCalendar 文件。 |
高级属性
如果您选择了多种日历类型,可以通过高级属性自定义下拉菜单的外观。如需显示高级属性,请在组件属性窗格中点击高级属性对应的展开图标 。
高级属性 | 说明 |
---|---|
背景颜色 | 下拉菜单使用的背景颜色。 |
字体颜色 | 下拉菜单使用的字体颜色。 |
字体名称 | 下拉菜单使用的字体。 |
字体大小 | 下拉菜单使用的字体大小。 |
字体粗细 | 下拉菜单使用的字体粗细。 |
突出显示颜色 | 用户在下拉菜单中选择的内容使用的突出显示颜色。 |
预览
此组件在 Google Web Designer 界面内无法预览。要查看该组件的实际运作情况,请点击右上角的预览 按钮,在您的首选浏览器中预览您的文档。