IONIC AdMob在离子列表中插入广告

时间:2016-12-01 18:57:37

标签: ios cordova ionic-framework admob user-experience

我正在尝试在我的应用中放置AdMob广告,而不会让用户厌恶。目前,我只能找到一种方法将横幅广告锁定在屏幕的顶部或底部,这是令人讨厌的,并在导航/标签栏周围移动。我认为最好的方法是在我的应用中的列表中的某个索引处显示广告。所以说我有10个项目的列表,我希望在列表的第5项之后插入广告。

问题在于我不确定是否可以使用cordova-plugin-admobpro插件插入基于html的AdMob广告。

这是我想尝试的内容:

<ion-list>
  <ion-item ng-repeat="article in articles" class="item-borderless">
    <a class="item item-thumbnail-left item-text-wrap" href="#" ng-click="goToArticle(article)">
        <img src="{{article.urlToImage}}" class="fit-thumbnail">
        <h2>{{article.title}}</h2>
    </a>

    <ion-item ng-if='$index === 5' class="item-borderless">
        <!-- INSERT AD AFTER THE 5th ITEM -->
    </ion-item>

  </ion-item>
</ion-list>

目前,我只知道使用“position”属性来定位广告。

AdMob.createBanner({
    adId:admobid.banner, 
    position:AdMob.AD_POSITION.TOP_CENTER, 
    autoShow:true
});

如果有人知道如何实现我正在寻找的结果,我们将不胜感激。

0 个答案:

没有答案