您可以在浏览器中预览 HTML5 广告或 HTML 页面,了解相应广告/页面在发布后的显示效果和行为(包括所有事件)。
如需预览您的作品,请使用以下方法之一:
- 点击窗口右上角的预览按钮。
- 从顶部菜单中依次选择文件 > 预览。
- 按 Ctrl+Enter (Windows) 或 ⌘+Enter (Mac)。
预览选项
在浏览器中预览要预览您的作品,最快捷的方式是在您自己的计算机上通过浏览器查看。首次在浏览器中预览时,您需要选择要使用的浏览器。选择浏览器后,点击预览按钮,系统即会默认使用该浏览器。
选择浏览器
Google Web Designer 会检测您已安装哪些浏览器。要在特定浏览器中预览,请点击预览按钮上的向下箭头,然后从列表中选择浏览器。您选择的浏览器将会成为日后进行预览时的默认浏览器。
自适应尺寸选择
对于自适应文档,您可以通过在“自适应”面板中启用预览尺寸,选择要预览的尺寸。
预览模式
Google Web Designer 具有不同的预览模式,具体取决于文档类型。您可以从预览页面顶部的控件中选择预览模式。
下表介绍了适用于您的文档的预览模式。简单的横幅广告不提供预览模式。
如果您的文档包含视差组件,预览会模拟移动网页,而且显示的内容足以让您滚动到此组件的上方和下方。
- 设备 - 选择移动设备或自定义。
- 旋转设备方向 - 在纵向和横向之间切换。
- 视口尺寸 - 如果在设备字段选择了自定义,则可以通过修改此字段或拖动预览的调整尺寸手柄来设置新尺寸。
视差广告始终使用视差预览模式。
文档类型 | 预览模式 |
---|---|
展开式、插页式或 HTML 页面 |
您可以与文档预览进行互动,以查看其行为方式。
|
自适应 |
通过预览,您可以快速查看自适应文档如何以不同尺寸呈现。
|
动态 |
您可以使用不同的示例数据集预览动态广告。
|
不止一种?
某些文档类型会排除其他类型的选项。
- 展开式广告和插页式广告在预览中一次只能显示一个版本,即使它们同时也是自适应或动态广告。
- 既是自适应又是动态广告(不是展开式或插页式广告)的文档允许您同时预览多个尺寸或多个 Feed,但不能同时预览多个尺寸和多个 Feed。
重新加载预览
要将广告或 HTML 页面的预览重置为其初始状态,请点击预览控件栏右侧的重新加载 按钮。
如果您正在预览多个版本的自适应广告或动态广告,可以点击单个版本下面的重新加载 按钮。
从“预览”按钮菜单中选择获取共享链接图标 以生成二维码和预览网址。您将需要登录 Google 帐号。
- 使用移动设备扫描二维码,前往展示您广告的网页。
- 点击复制链接可与他人分享网页的网址,以便他们通过浏览器预览您的广告。
当您首次生成共享链接时,系统会要求您向 Google Web Designer 授予预览面向移动设备的创意展示广告的权限。
如果遇到错误,您可能需要在 Google Web Designer 中退出您的帐号(从顶部菜单中选择您的登录电子邮件地址),然后登录并选中选项列表中的预览面向移动设备的创意展示广告。
注意:此预览选项仅适用于 Display & Video 360、Google Ads 或 AdMob 广告环境中的广告。不支持 AMPHTML 广告以及可展开至自定义尺寸的展开式广告。
针对部分广告类型的限制
自适应广告:如果您的广告是自适应广告,您必须为预览选择特定尺寸。对于多尺寸图片广告,您可以选择多种尺寸。
动态广告:动态 HTML5 广告将仅显示占位符元素。目前,您无法共享包含示例数据或 Feed 数据的 HTML5 广告的预览。对于具有变体的图片广告,您可以选择多个要在预览中添加的变体。
预览所做的更改
即使您重新加载预览或刷新页面,您已生成的任何预览也不会反映文档或示例数据的后续更改。要查看所作的修改,请创建新的预览。