如何将InMobi广告整合到离子中

时间:2015-12-10 07:33:48

标签: cordova ionic-framework phonegap-plugins inmobi

我尝试将InMobi广告与phonegap插件集成,但出现了错误。如何在离子中整合 InMobi广告?有插件吗?

1 个答案:

答案 0 :(得分:0)

您可以集成javascript API(移动网络)。请按照以下步骤操作。

  1. 要获取属性ID,请在Inmobi网站创建Inmobi帐户。

  2. 成功创建Inmobi帐户后,请登录您的Inmobi帐户。在菜单栏中,选择MONETIZE并填写必要的信息。有4种类型的属性:Windows Phone,iOS,Android和Mobile Web。在此示例中,我们选择了移动Web。然后,单击“添加属性”按钮。

  3. 接下来,您需要验证Inmobi所需的新创建的属性。在属性列表中,单击“验证”按钮。

  4. 要完成验证,请在您的媒体资源网址的HTML标记中添加以下元标记。

        <html>
        <head>
            <meta name="inmobi-site-verification" content="4028cba631d63df10131e1d3191d00cb"> //replace your property ID here
        </head>
        <body>
            ...
        </body>
    </html>
    
    1. 包括inmobi.js

    2. 使用以下代码进行inmobi偏好设置

      var inmobi_conf = { siteid : "4028cba631d63df10131e1d3191d00cb", // your Property ID slot: 15, test: true, manual: true, autoRefresh: 60, targetWindow : "_blank", // default "_top" onError : function(code) { if(code == "nfr") { console.log("Error getting the ads!"); } } };

    3. 为渲染广告添加div和onDeviceReady()调用函数 showAds()

      function showAds() { var adsElement = document.getElementById('ads'); _inmobi.getNewAd(adsElement); }