Page 1

iCast2广告代码库

cloudchen

Page 2

设计目标

• 跨平台，兼容流行的现代浏览器• 包含丰富的广告相关功能• 适用于初级开发人员编写的广告脚本• 无障碍的代码混淆• 易于扩充的参数• 详细的开发手册

Page 3

跨平台的实现• iCast2目前已经实现的浏览器平台

– Internet Explorer 5.0+– FireFox 1.0+

• iCast2未来将要实现的浏览器平台– Opera 9.0+– Safari

Page 4

Page 5

Page 6

丰富的广告相关功能1. 多样的 COOKIE计数、计时器2. 方便使用的第三方统计接口3. 带有广告展示排序接口4. 广告的声音控制5. 遮盖其他广告的技术6. 广告轮播功能7. MORE…

COOKIE

PV/UV…

ROTATOR

VOLUME

ORDER

COVER

Page 7

初级开发人员编写的广告脚本• iCast2的广告代码基于事件驱动

– 事件驱动是广告代码的核心– 主要事件：

• iCast2._EVT_ONLOAD• iCast2._EVT_ONENDMOVIE• iCast2._EVT_ONCLOSE• iCast2._EVT_ONREPLAY• iCast2._EVT_ONCLICK• 等等…

Page 8

初级开发人员编写的广告脚本• 编写广告脚本

– 避免使用浏览器内置 DOM方法– 完全依赖于 iCast2接口方法来实现各种广告效果

– 主要方法：• _play()• _close()• _tracking() • _move()• _resize()• 等等…

Page 9

广告代码样例//创建一个广告对象var ad = iCast2._create_ad(params.ad);

//创建一个广告部件（类型： SWF）var _main_instance = ad._load_part(params, 'main', iCast2._MT_SWF, iCast2._CT_DIV);

//绑定 ONLOAD事件_main_instance._attach_event(iCast2._EVT_ONLOAD, function() {

//部件加载完毕后，播放部件_main_instance._play();

}

//绑定播放结束事件_main_instance._attach_event(iCast2._EVT_ONENDMOVIE, function() {

//提交统计数据ad._tracking(iCast2._TRK_FULL_PLAY);

}

Page 10

代码混淆

s

• Jasob混淆软件• 使用库中的 Name包• 对广告代码进行混淆• 最后发布 release版本

Page 11

易于扩充的参数• 广告参数输入

– JSON类型params = { ad: {

aid:'352',pid:'43390',track:'http://test.sina.com.cn/track.dll',apc:99

} ,intro:{

f:'1.swf‘,w:304,h:240,rt:0,rz:7,rzp:1,x:0,y:20,v:0,a:100

}};

Page 12

开发手册• JSDOC生成的 Reference

– 类– 方法、属性– 常量– Index

Page 13

开发手册

Page 14

Thank you!