预览广告或 HTML 页面

当您制作广告或 HTML 页面时,您可在浏览器中进行预览,以提前了解该广告/页面在发布后会具有的外观和行为(包括所有事件)。预览功能只是为了方便您在自己的计算机上查看内容。如果您想与他人共享文件,请改为发布该文件。

要想预览作品,请点击窗口右上角的预览 按钮。

您无法通过直接打开源文件中所含的 HTML 文件在浏览器中预览文档。请改用 Google Web Designer 的预览功能。

浏览器选择

Google Web Designer 会自动检测您安装的浏览器。要想使用某款特定的浏览器进行预览,请点击预览按钮上的向下箭头,然后从列表中选择相应的浏览器。您选择的浏览器将会成为日后进行预览时的默认浏览器。

自适应视口选择

对于自适应文档,您可以通过点击预览按钮上的向下箭头,选择可用预览尺寸的范围。

  • 标准 - 适用于广告环境的常用尺寸。
  • 高级 - 适用于广告环境的全套尺寸。

预览模式

Google Web Designer 具有不同的预览模式,具体取决于文档类型。您可以从预览页面顶部的控件中选择预览模式选项。

请查看下表以了解适用于您文档的预览模式选项。简单的横幅广告不提供预览模式选项。

如果您的文档包含视差组件,预览会模拟移动网页,而且显示的内容足以让您滚动到此组件的上方和下方。

  • 设备 - 选择移动设备或自定义
  • 旋转设备方向 - 在纵向和横向之间切换。
  • 视口尺寸 - 如果在设备字段选择了自定义,则可以通过修改此字段或拖动预览的调整尺寸手柄来设置新尺寸。

视差广告始终使用视差预览模式。

文档类型 预览模式选项

展开式、插页式或 HTML 页面

您可以与文档预览进行互动,以查看其行为方式。

  • 预览模式 - 选择桌面设备移动设备
  • 如果选择移动设备,可以选择其他选项:
    • 设备 - 选择移动设备或自定义
    • 旋转设备方向 - 在纵向和横向之间切换。
    • 视口尺寸 - 如果在设备字段选择了自定义,则可以通过修改此字段或拖动预览的调整尺寸手柄来设置新尺寸。

自适应

通过预览,您可以快速查看自适应文档如何以不同尺寸呈现。

  • 预览模式 - 选择单一尺寸,或者选择所有尺寸以同时查看多个尺寸。尺寸列表取决于您的自适应视口选项
  • 自定义尺寸 - 如果选择单一尺寸 > 自定义,则可以通过修改此字段或拖动预览的调整尺寸手柄来设置新尺寸。
    • 如果有断点,可以通过点击预览区域顶部或左侧的范围来调整预览尺寸,以适应断点之间的距离。

动态

您可以使用不同的示例数据集预览动态广告。

  • 预览模式 - 选择单一尺寸,或者选择所有示例数据以使用不同的示例数据查看多个版本。
  • 示例数据 - 选择要预览哪些示例数据集。

不止一种?

某些文档类型会排除其他类型的选项。

  • 展开式广告和插页式广告在预览中一次只能显示一个版本,即使它们同时也是自适应或动态广告。
  • 既是自适应又是动态广告(不是展开式或插页式广告)的文档允许您同时预览多个尺寸或多个 Feed,但不能同时预览多个尺寸和多个 Feed。

重新加载预览

要将广告或 HTML 页面的预览重置为其初始状态,请点击预览控件栏右侧的重新加载 Refresh icon 按钮。

如果您正在预览多个版本的自适应广告或动态广告,可以通过点击相应版本下面的重新加载 Refresh icon 来重启单个版本。

预览更改

即使您刷新页面,您在浏览器中已打开的任何预览也不会反映文档或示例数据的后续更改。要查看修改情况,请启动新的预览。
该内容对您有帮助吗?
您有什么改进建议?

需要更多帮助?

登录可获取更多支持选项,以便快速解决您的问题