实施 html5 横幅广告

Question

下午好，我使用 div 容器和 css3 动画在 HTML5 中创建了一个横幅广告。我将我的横幅提交给了我需要提交给的人，他们回答说他们想要一个 gif 文件。我对他们需要什么感到有点困惑。我如何将 html5 转换为 gif。他们似乎遵循 XAXIS/Google ADX 标准。我知道他们实际上并不想要动画 gif，而是在寻找某种备份。从未处理过此类问题，因此非常感谢您的帮助。这是文档：

初始加载 - 200kb 二次负荷最大附加负载 - 1 MB 文件请求的最大数量 - 15 必须与 HTML5 zip 分开提供备用静态图片以进行投放管理 DCM 不接受使用 SWIFFY 工具制作的 HTML 个文件 HMTL 必须包含至少 1 个 clickTAG（DCM 支持的 clickTag 见下文）

<html>
<head>
<meta name=”ad.size” content=”width=300,height=250”>
<script type='text/javascript'>
var clickTag = 'https://www.google.com'; 
</script>
</head>
<body>
[The rest of your creative code goes here.] 
</html>

Please ensure that your creative uses the clicktag variable as the click-through URL:
<a href='javascript:window.open(window.clickTag)'>
<img src='images/dclk.png' border=0>
</a>
</body>
</html>

Answer 1

所有横幅都需要静态备份 gif（或 jpg 或 png），以便在动画版本加载失败时显示。如果您没有 Photoshop 布局来制作静态版本，您可以这样做：

运行本地浏览器中的横幅
静态版需要的帧截图
将图片裁剪成横幅大小并另存为 gif、jpg、png 或其他格式

实施 html5 横幅广告

implementing html5 banner ad

html

css

banner-ads