预览广告或 HTML 页面

您可以在浏览器中预览 HTML5 广告或 HTML 页面,了解相应广告/页面在发布后的显示效果和行为(包括所有事件)。

视频广告和图片广告

如需预览您的作品,请使用以下方法之一:

  1. 点击窗口右上角的预览按钮。
  2. 从顶部菜单中依次选择文件 > 预览
  3. 按 Ctrl+Enter (Windows) 或 +Enter (Mac)。
您无法通过直接打开源文件中所含的 HTML 文件在浏览器中预览文档。请改用 Google Web Designer 的预览功能。

预览选项

在浏览器中预览

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

选择浏览器

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

自适应尺寸选择

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

预览模式

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

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

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

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

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

文档类型 预览模式

展开式、插页式或 HTML 页面

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

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

自适应

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

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

动态

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

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

不止一种?

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

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

重新加载预览

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

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

分享预览链接或在移动设备上预览

从“预览”按钮菜单中选择获取共享链接图标 以生成二维码和预览网址。您将需要登录 Google 帐号

  • 使用移动设备扫描二维码,前往展示您广告的网页。
  • 点击复制链接可与他人分享网页的网址,以便他们通过浏览器预览您的广告。

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

如果遇到错误,您可能需要在 Google Web Designer 中退出您的帐号(从顶部菜单中选择您的登录电子邮件地址),然后登录并选中选项列表中的预览面向移动设备的创意展示广告

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

针对部分广告类型的限制

自适应广告:如果您的广告是自适应广告,您必须为预览选择特定尺寸。对于多尺寸图片广告,您可以选择多种尺寸。

动态广告:动态 HTML5 广告将仅显示占位符元素。目前,您无法共享包含示例数据或 Feed 数据的 HTML5 广告的预览。对于具有变体的图片广告,您可以选择多个要在预览中添加的变体。

预览所做的更改

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

该内容对您有帮助吗?

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