使用 Google Web Designer 制作横幅广告素材

您可以使用 Google Web Designer 从头开始制作横幅广告素材，也可从预先制作好的模板着手制作以节省时间。

从头开始

如果您想完全掌控广告素材设计，则可以从 Google Web Designer 中的空白横幅广告文件开始。

第 1 步：创建新文件

1. 打开 Google Web Designer。（如果您还没有安装，请点击此处下载 Google Web Designer。）
2. 在启动屏幕上，点击创建新文件或依次点击文件 > 新建…
3. 在“创建新的空白文件”对话框中，选择横幅作为广告类型。
   
4. 选择以下某个选项：
   • 名称
     为广告命名（必填），它将作为相应 HTML 文件的名称。
   • 位置
     选择文件保存位置。您可以将文件保存在本地计算机，也可以保存至 Google 云端硬盘。
   • 环境
     选择“Display & Video 360”作为广告投放环境。
   • 维度
     选中“自适应布局”可创建根据展示广告的视口或广告位自行调整尺寸的广告；如果您知道具体尺寸，也可以为该广告设置尺寸。下拉列表中列出了一些常见的横幅尺寸。如果您想使用的尺寸未列在其中，请从下拉列表中选择自定义，然后手动输入宽度和高度。
   • 动画模式
     选择您想在开始时使用的动画模式（您可以随时切换）。使用快速模式，您可以逐个场景为广告添加动画效果；而使用高级模式，您可以在各个元素的时间轴上为其添加动画效果
5. 点击确定。

第 2 步：设计您的广告素材

在您新建横幅广告后，Google Web Designer 会创建与您指定的横幅尺寸一样大小的横幅页面 (page1)。

要设置主横幅页面，请执行以下操作：

1. 通过拖动到工作区或使用图片代码的方式添加图片、视频和其他素材资源。
2. 在场景上排列您要使用的图片和任何其他元素。
3. （可选）制作动画或将相关组件添加到页面中。
4. 如果您要制作自适应广告，请添加断点，然后调整每个新尺寸范围的样式。

第 3 步：添加号召性用语

制作有效广告的最后一步是添加号召性用语。典型的号召性用语是会将用户转到相应公司网站的可点击按钮。

1. 确保广告上有按钮或其他非常醒目的号召性用语元素，以供用户点击或触摸。
2. 将“点按区域”组件从“组件”面板的“互动”文件夹拖到场景中，并使其覆盖在号召性用语上。
3. 在“事件”面板中点击用于创建新事件的按钮 。
4. 在“事件”对话框中选择以下选项：

   目标	“点按区域”组件 (gwd-taparea_1)
   事件	点按区域 > 触摸/点击
   操作	Google 广告 > 退出广告 注意：如果您执行退出广告（覆盖网址）这项类似操作，将无法在广告素材以外（例如在 Studio 或 Campaign Manager 360 中）修改网址，该操作应仅用于动态广告。
   接收方	gwd-ad
   配置	指标 ID - 一个可使报告更易于理解的标签（例如“CTA”）。 网址 - 退出网址。 退出时合拢 - 对于展开式广告，若选中此项，当用户关闭广告时，系统即会合拢广告。 退出时暂停媒体 - 若选中此项，当用户关闭广告时，系统即会停止播放视频和音频。 退出时的展开前页面 - 对于展开式广告，这是指用户关闭广告时系统会显示的页面。

   

从模板开始

模板是采用热门样式和功能预先制成的广告，具有各种常用的尺寸。通过替换模板中的图片和其他素材资源，您可以非常快速地制作一个实用的有效广告。

第 1 步：通过模板创建新文件

要通过模板制作广告，请执行以下操作：

1. 从“文件”菜单中选择通过模板新建…。系统即会打开模板库。
2. 要查找 Google Marketing Platform 横幅模板，请按以下步骤操作：
   1. 点击“搜索”图标 。
   2. 展开“广告类型”部分，然后选择横幅。 
   3. 展开“平台”部分，然后选择 Display & Video 360。
   4. 关闭过滤器面板。系统会显示兼容布局的列表。
3. 点击某个广告素材类型以查看可用的布局，然后点击与所需布局对应的使用布局。
4. 如果有多个尺寸选项，请选择所需的尺寸。
5. 为您的新文件命名（必填）。
6. （可选）更改该文件的保存位置。您可以输入相应位置的路径，也可以通过点击文件夹图标 导航到您想使用的位置。
7. 点击创建。

第 2 步：在模板中添加素材资源和替换其中的素材资源

广告模板中的每个元素都有对应的占位符素材资源和描述性 ID。要想通过模板制作广告，您只需将每个常规占位符素材资源替换为想在您广告中使用的相应素材资源即可。通过模板制作的广告是完全可修改的；若想制作一个更为个性化的广告，您可以随意添加或删除素材资源、组件和事件。

借助“更换图片”功能，您可以使用素材资源库中的图片或您上传的图片来替换原有图片。当您要替换模板中的图库图片时，这一功能尤为有用。

要替换通过模板制作的广告中的图片，请执行以下操作：

1. 右键点击您要替换的图片。
2. 从弹出式菜单中选择更换图片…。
3. 在对话框中，您可从素材资源库中选择一张图片，也可通过点击“添加”按钮 从您的计算机中选择一张图片。
4. 点击确定。

预览

在浏览器中预览您的广告，确保其外观和行为都与您的预期一致。请使用预览按钮，而不是直接在浏览器中打开源 .html 文件。

在发布广告之前，您可在“发布”对话框的“摘要”部分中验证相应广告是否已通过所有验证检查。

广告素材制作完成后，您便可以将其发布到 Studio。