Question

在此stackoverflow问题AdMob BANNER is overlapping the bottom of the app view - Android

上

详细说明了如何在Sencha Touch 2应用中加载AdMob。

Ext.define("MyApp.view.Home", {
extend: 'Ext.Container',
xtype:'home',
config: {
    cls:'base',
    layout : 'card',
    items: [{
        docked:'bottom',
        cls:'home',
        name : 'tabBar',
        items:[{
            html: ['<div class="home-tab"><div class="left-tab"></div>',
            '<div class="tab-container">',

            '<div class="tab dash dashboard-tab activeClass" rel="dashboard"></div>',

            '<div class="tab test test-drive-tab" rel="test"></div>',
            '<div class="tab add" rel="add"></div>',
            '<div class="tab garage garage-tab" rel="garage"></div>',
            //                '<div class="tab garage ss-symbolicons-block ss-home" rel="garage"></div>',
            '<div class="tab engine engine-tab" rel="engine"></div></div>',
            '<div class="right-tab"></div></div><div class="tab-background"></div> '].join('')
        }]
    }, {
        xtype:'dashboard',
        layout : 'card'
    }, {
        xtype:'testtab',
        layout : 'card'
    }, {
        xtype:'addidea'
    }, {
        xtype:'garage',
        layout : 'card'
    }, {
        xtype:'engine'
    }],
    listeners: {
        painted: function() {
            setTimeout(function() {

                    var success = function() {
                        admob.requestAd({
                            'isTesting': false,
                            'extras': {
                                'color_bg': 'AAAAFF',
                                'color_bg_top': 'FFFFFF',
                                'color_border': 'FFFFFF',
                                'color_link': '000080',
                                'color_text': '808080',
                                'color_url': '008000'
                            }
                        },
                        successCallback,
                        failureCallback
                        );
                    };
                    var error = function(message) {
                        alert('Error');
                    };

                    var successCallback = function(el) {
                        alert(el);
                    //            alert('successCallback');
                    };

                    var failureCallback = function() {
                        alert('failureCallback');
                    };

                    var options = {
                        'publisherId': 'ca-app-pub-5476830338141***/9502253***',    
                        'adSize': admob.AD_SIZE.BANNER
                    }

                    admob.createBannerView(options, success, error);

            }, 2000);
        }
    }
   }
});

我在Phonegap中安装了插件，将上面的代码放在Sencha Touch中，但我总是得到＆＃34; Uncaught ReferenceError：没有定义admob＆＃34;。

在Sencha Touch中我必须加载插件吗？

Answer 1

我是https://github.com/appfeel/admob-google-cordova中插件的作者：

phonegap local plugin add com.admob.google

希望这是你正在使用的那个，我可以帮助你（我不是Sencha的专家）。您是在浏览器中还是在手机/模拟器中进行测试？

Cordova和Phonegap中的插件在浏览器中不起作用，我猜它在Sencha中几乎相同：它们只能在模拟器和设备上使用本机功能。

如何在Sencha Touch 2中集成AdMob

1 个答案: