Skip to content

gg html5 banner linear adi

Xiaoshi Xu edited this page Mar 14, 2018 · 5 revisions

如何创建HTML5 Banner

  1. 在七牛上新开一个存储空间,可以命名为linear-201804这样,方便管理。
  2. 修改所有图片的文件名,去掉特殊符号,加上特殊id,比如这个是linear的6018号广告,就改成6018.jpg。
  3. 修改js和html的文件名,,去掉特殊符号,加上特殊id,比如这个是linear的6018号广告,就改成6018.js, 6018.html。
  4. 将图片传到七牛上。
  5. 打开js文件,将引用的图片来源改成七牛的链接。
  6. 将js文件上传至七牛。
  7. 打开html文件,将顶部引用的js文件来源改成七牛的链接。
  8. 将html文件上传至七牛,成功后复制外链,然后试试在浏览器里是否可以打开,能打开说明已经成功90%了。
  9. 在gg上新建一个banner,注意要选 supplyframe html banner - url 类型的banner,填入banner尺寸和着陆页url。
  10. 将此段代码修改并粘贴到代码框。要修改的地方:
<div style="width:300px;height: 250px;position: relative;">
    <a href="{clickurl}" target="_blank">
        <div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;"></div>
    </a>
    <iframe src="http://p4use9fnq.bkt.clouddn.com/3779.html" style="width: 100%; height: 100%" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0">
    </iframe>
</div>
* 顶部的width和height改成广告的尺寸。
* src改成html的七牛链接。

11. 保存,检查。

Clone this wiki locally