修改index.html增加一个广告条

Creator 2.x
#1

CocosCreator 2.4
Android手机自带浏览器(其他主流浏览器也如此)
项目打包成web-mobile

我想修改index.html,在cocos creator 画面(应该是 canvas, 或者 Cocos2dGameContainer)下方增加一个div,内嵌一个iframe,来显示一条广告.

参考一些帖子,我改成如下:

    <div id="GameDiv" style="width: 1280px; height: 600px">
        <canvas id="GameCanvas" width="1280" height="600"></canvas>
        <div id="splash">
            <div class="progress-bar stripes">
                <span style="width: 0%"></span>
            </div>
        </div>
    </div>
    <div><iframe src="ads.html"></iframe></div>

在windows浏览器下, 能看到ads.html.
但用Android手机浏览器访问,则发现GameCanvas充满整个屏幕. 设置宽高也没用.
我去看main.js和cocos2d-js.js源码, 里面对body/div/canvas/view有一整套设置,我看不太懂.更不敢修改.
我去看了cocos creator 2.4 api 文档,没有找到适合的设置窗口相关的函数.(实际上这种函数很难提供,难不成提供一个设置宽或高百分比的函数?而且要针对横屏/竖屏/横屏旋转/竖屏旋转?)

请问cocos creator 团队研发的同学, 可否给我提供一些思路或方案/实例代码能满足我这个需求呢?

万分感谢!

#2

@jare
我们海外项目要跟当地一个较大的渠道合作,公司负责渠道的已经催了我2周了,我自己折腾了1周,都没搞好.
我自信手写html/javascript,对div/iframe等有深入理解,但也搞不定这个需求啊.
可否给予支持呢? 或者告诉我一些改法,我来手动修改index.html/main.js/cocos2d.js

#3

这个需求可以在场景里去做吧

#4

场景里修改的复杂度很高.而且针对不同渠道修改/打包的工作量也比较大.

#5

你们自己没有做打包插件吗, 投放渠道的不同对应着接入不同的sdk,在插件脚本里根据投放渠道选择不同的sdk就行了,而且这种banner广告只需要写个全局脚本,渲染你的广告预制体应该就行.我猜你这个广告应该是做跳转到应用商店.

#6

直接用webview插件不满足需求吗？