Google Web Designer 会使用页面来显示同一个 HTML 文档中的多个场景,而且每个场景都会位于单独的页面上。广告中通常会使用页面,一个页面代表广告的一个单屏视图。下面是一些示例:
- 一个简单的横幅广告只会使用 1 个页面。
- 一个简单的展开式广告会使用 2 个页面:一个用作横幅视图,另一个用作展开后视图。
- 一个比较复杂的广告会使用一个包含多个按钮的主页面,这些按钮可将浏览者转到其他页面(例如视频页面或优惠券页面),为他们带来不同的体验。
除了用于广告,页面还可用于 HTML 网页(只需在创建新文件时选择 HTML 网页即可)。
文档的一组页面称为“页面组”。
本页将介绍以下内容:
页面菜单
您可通过点击文档工作区左下角的页面指示器来查看页面组中的所有页面。通过弹出式菜单,您可以添加、复制和删除页面,以及指定哪个页面是主页面(在一开始时向查看者显示的页面)。
添加新页面
- 点击文档工作区底部的页面指示器。
- 如果广告中已包含具有不同尺寸的页面,请从中选择一个与您要添加的页面具有相同尺寸的页面。
- 在弹出式菜单中,点击添加页面 按钮。
重命名页面
您可通过多种方法更改页面的名称。
- 直接在页面菜单中重命名页面:
- 点击文档工作区底部的页面指示器。
- 双击要重命名的页面。
- 输入新名称。
- 按 Enter 键。
- 在页面的属性中重命名页面:
- 点击文档工作区底部的页面指示器。
- 选择要重命名的页面。
- 在属性面板的名称字段中,输入新名称。
创建页面副本
- 点击文档工作区底部的页面指示器。
- 选择要创建副本的页面。
- 在页面弹出式菜单中,点击创建页面副本 按钮。系统即会为当前页面创建一个副本,其中包含当前页面中的所有元素、组件和动画。
- 在属性面板的名称字段中,为新页面命名。
删除页面
- 点击文档工作区底部的页面指示器。
- 选择要删除的页面。
- 在页面弹出式菜单中,点击删除页面 按钮。
将某个页面设为主页面
- 点击文档工作区底部的页面指示器。
- 在页面弹出式菜单中,右键点击要设为主页面的页面。
- 从弹出式菜单中选择设为主页面。主页面会带有星标。
页面属性
要查看当前页面的属性,请确保属性面板处于打开状态,并且您未选择任何元素。点击场景之外的灰色区域,即可轻松取消选择所有元素。
页面和展开式广告
当您为展开式广告创建展开状态对应的页面时,必须在该页面的属性面板中选择展开选项。如果您选择展开式作为新文件的广告类型,系统将会在为您创建的展开后页面上自动设置此选项。
默认情况下,展开式广告会向下和向右展开。如果您想让广告朝其他方向展开,则可重新定位展开后页面(以主页面为参照点)。
居中放置广告
考虑到广告可能需要在不同的设备和不同尺寸的浏览器中进行展示,Google Web Designer 可让您将广告内容居中放置(无论广告在什么样的视口中进行展示)。这即意味着,系统可将您的号召性用语和其他内容放置在广告中央,并搭配使用适合不同尺寸视口的背景图片,从而确保您所设计的广告在各种尺寸的屏幕上都能正常呈现。如果您想将广告居中放置,请在页面的属性面板中选中居中框。
为不同的视口方向使用备用页面
您可为每个方向使用单独的页面,从而设计出纵向和横向这两种版本的广告。在每个页面的备用页面属性中指定另一个页面的 ID(而不是其名称)。广告会检测视口的方向,并显示具有一致方向的页面。
详细了解如何针对多种屏幕尺寸进行设计。
页面和事件
通过使用事件,您可以控制用户在不同页面之间进行导航的方式。例如,您既可使用点按区域组件将“转至页面”操作发送到目标页面,也可在横向模式/纵向模式之间进行切换,以便转到格式适当的页面。
页面组操作
页面组可以使用下列配置选项执行相应的操作:
操作 | 配置选项 |
---|---|
转至页面 |
|
页面事件
您还可以设置将由页面发送的事件触发的其他操作。页面会发送以下事件:
事件 | 说明 |
---|---|
页面已启用 | 在页面显示后发送。 |
页面已禁用 | 在页面隐藏后发送。 |
页面已加载 | 在页面的所有组成部分均加载完毕后发送。 |
准备呈现页面 | 在页面已缓存内容并准备好显示后(但在动画开始播放前)发送。 |
摇晃 | 在移动设备检测到摇晃后发送。 |
倾斜 | 在移动设备检测到倾斜后发送。 |
旋转为纵向 | 在移动设备的屏幕方向从横向旋转为纵向后发送。 |
旋转为横向 | 在移动设备的屏幕方向从纵向旋转为横向后发送。 |
已附加 (已弃用) | 改用页面已启用。 |
已拆离 (已弃用) | 改用页面已禁用。 |
AMPHTML 广告的页面组事件
对于 AMPHTML 广告,页面组会发送以下事件:
事件 | 说明 |
---|---|
页面更改 | 在网页发生更改后发送。 |