可以使用多向展开式广告素材模板在 Google Web Designer 中制作广告素材。多向展开式 (MDE) 广告素材可以根据其在网页上的投放位置向合适方向展开。例如，如果广告位于浏览器右边缘，它将向左展开。如果广告位于左边缘，它将向右展开。
使用入门
使用多向展开式广告素材模板在 Google Web Designer 中创建新广告。了解如何通过模板创建广告
多向展开式广告素材模板有两个页面：一个横幅页面和一个展开后页面。横幅页面包含展开前广告的元素，而展开后页面则包含展开后广告的元素。
横幅页面
横幅页面包含以下元素：
- “展开”按钮（必需）- 一种“点按区域”组件。点击即可显示展开后页面。
- 徽标 - 一种“点按区域”组件。点击即可访问您的着陆页。
- 说明文字
修改横幅页面
- 向每一个元素添加您自己的图片和文字，或者移除不需要的元素。
- 打开事件面板，然后向徽标的退出事件添加您的着陆页网址：
- col-logo-exit > action > Exit > gwd-ad
请勿更改展开后页面的位置。 展开后页面位于横幅页面顶部的中心。如果您将其放置在其他位置，则某些展开后元素可能会被截断或隐藏。
展开后页面
展开后页面包含以下元素：
- “关闭”按钮（必需）- 一种“点按区域”组件。点击即可关闭广告并显示横幅页面。
- 说明文字
- YouTube 播放器 - 一种用于播放视频的 YouTube 组件。
- “背景”按钮 - 一种“点按区域”组件。点击即可访问您的着陆页。
- 按钮 - 一种“点按区域”组件。点击即可访问您的着陆页。
修改展开后页面
- 向每一个元素添加您自己的图片和文字，或者移除不需要的元素。
- 打开事件面板，然后向每个退出事件添加您的着陆页网址：
- bg-exp-exit > action > Exit > gwd-ad
- btn-cta > action > Exit > gwd-ad
修改展开后页面上元素的位置时，请在代码视图中为相同元素更新位置值。否则，当广告展开时，您的位置更新将被忽略。
要更新位置值，请执行以下操作：
- 复制从“属性”面板中的位置和尺寸 > 左侧下找到的像素值。
- 打开代码视图，找到
expandStartHandler函数中的定位代码。 - 找到匹配的元素 ID，然后使用复制的值替换像素值。
本地预览
与所有其他 Studio 格式一样，多向展开式广告模板也可以预览。为便于预览，您每次点击“展开”按钮时，广告将向不同方向展开。如果您的广告正在投放，广告素材将根据其在网页上的位置向合适方向展开。