预览广告或 HTML 页面

发布广告或 HTML 页面后,您可以预览它们的显示效果和行为,包括所有事件。

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

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

预览选项

在浏览器中预览

要预览您的作品,最快捷的方式是在您自己的计算机上通过浏览器查看。首次在浏览器中预览时,您需要选择要使用的浏览器。选择浏览器后,点击预览按钮,系统即会默认使用该浏览器。

选择浏览器

Google Web Designer 会检测您已安装哪些浏览器。要在特定浏览器中预览,请点击预览按钮上的向下箭头,然后从列表中选择浏览器。您选择的浏览器将会成为日后进行预览时的默认浏览器。

自适应尺寸选择

对于自适应文档,您可以通过在“自适应”面板中启用预览尺寸,选择要预览的尺寸。

预览模式

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

下表介绍了适用于您的文档的预览模式。简单的横幅广告不提供预览模式。

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

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

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

文档类型 预览模式

展开式、插页式或 HTML 页面

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

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

自适应

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

  • 预览模式 - 选择单一尺寸,或者选择所有尺寸以同时查看多个尺寸。尺寸列表包含适用于您广告环境的常用尺寸以及您已启用的所有其他投放尺寸
  • 自定义尺寸 - 如果选择单一尺寸 > 自定义,则可以通过修改此字段、拖动预览的大小调整手柄或点击预览区域顶部或左侧的灰色条来设置新尺寸。

动态

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

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

不止一种?

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

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

重新加载预览

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

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

共享预览链接

从“预览”按钮菜单中选择获取共享链接图标 生成一个网址,然后将其分享给其他人,这样他们就可以在自己的浏览器中预览您的广告了。您需要登录 Google 帐号

当您首次生成共享链接时,系统会要求您向 Google Web Designer 授予预览面向移动设备的创意展示广告的权限。

注意:此预览选项仅适用于 Display & Video 360、Google Ads 或 AdMob 广告环境中的广告。不支持 AMPHTML 广告以及可展开至自定义尺寸的展开式广告。

针对部分广告类型的限制

自适应广告:如果您的广告是自适应广告,您必须为预览选择特定尺寸。

动态广告:动态广告将仅显示占位符元素。目前,您无法共享包含示例数据或 Feed 数据的广告的预览。

在移动设备上预览

您可以在已安装 Creative Preview 应用的手机或平板电脑上查看自己的广告。方法是在设备上打开该应用并转到广告素材屏幕,然后发送预览。

注意:此预览选项仅适用于 Display & Video 360、Google Ads 或 AdMob 广告环境中的广告。不支持 AMPHTML 广告以及可展开至自定义尺寸的展开式广告。

选择移动设备

在 Google Web Designer 中,使用已与该应用配对的帐号登录,然后您会在“预览”按钮菜单中的将预览发送到设备下方看到已关联设备的列表。选择要将广告素材发送到的设备。如果您没有看到自己的设备,请选择刷新列表 Refresh icon,并确保您已在 Creative Preview 应用中配对自己的设备

当您首次将预览发送到设备时,系统会要求您向 Google Web Designer 授予预览面向移动设备的创意展示广告的权限。

成功发送预览后,在您设备上的 Creative Preview 应用中,相应广告会列在广告素材列表中。点按广告素材即可进行预览。

默认情况下,Creative Preview 应用会在应用中打开广告素材。要预览用于在移动网页中投放的广告,请点击相应广告素材的“信息” 图标,然后选择移动网页(启动浏览器)旁的“查看” 图标。

详细了解 Creative Preview 应用

针对部分广告类型的限制

自适应广告:如果您的广告是自适应广告,您必须为预览选择特定尺寸。

动态广告:动态广告将仅显示占位符元素。目前,您无法在 Creative Preview 应用中预览包含示例数据或 Feed 数据的广告。

预览所做的更改

即使您重新加载预览或刷新页面,您已生成的任何预览也不会反映文档或示例数据的后续更改。要查看所作的修改,请创建新的预览。

该内容对您有帮助吗?
您有什么改进建议?

需要更多帮助?

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