华为H5快游戏如何接入广告服务

问题描述：

H5快游戏当前没有开放广告API接口，如何实现接入广告服务

问题分析：

当前广告服务只支持快应用和runtime快游戏，H5快游戏暂时不支持直接接入广告接口，当前提供临时方案解决此问题，可以通过快游戏ux页面中的web组件和游戏H5网页之间的双向通信机制实现。在ux页面的onMessage生命周期函数接收H5页面的消息，然后接入快应用的广告API接口获取广告信息（仅支持原生广告和激励视频广告），最后将获取的广告信息通过this.$element('web').postMessage({ message: JSON.stringify(result) });发送给H5页面。

解决方法：

建议将广告创建和请求的过程单独写函数封装，不要放在onInit或者onMessage生命周期函数里面，这是由于onInit函数是在页面初始化时调用，加载速度快，不适合处理复杂逻辑；onMessage函数只负责接收H5网页传递的字符串消息，加判断分支后调用对应的函数走相应的广告处理流程即可。

注意：当前快应用框架只支持在onInit函数中创建广告对象，暂不支持在onMessage等函数中创建，请保持该块代码位置不变。

快应用ux示例代码：

更多广告接入FAQ和案例请参见：

https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-access-ads-kit

下附为示例HTML文件：

    
    
    
    

    




    H5 ad demo


    ResultNativeAd: 
 (unknown)


    ResultRewardAd: 
 (unknown)




Native Ad


Reward Ad



 
 

---

原文链接：https://developer.huawei.com/consumer/cn/forum/topic/0204404950119480220?fid=18

原作者：Mayism