Question

在这个简单的Codepen demo中，我有一个条形和一个滑块。工作正常，但如果我添加谷歌的Adsense代码，那么显示就会被破坏。我应该如何插入Adsense代码以在网页顶部显示广告。

我的意思是“显示被破坏”：条形图覆盖了离子内容的开始（hello1 hello2）。我已经在＆lt; ion-content＆gt; 中添加了 class =“has-header”。

NB我将Ionic框架用于移动网站，并且（下一步）用于混合应用程序。我不希望广告在本机代码中运行。我只需要在移动网站上显示Adsense广告。广告代码为：

    TreeMap<String,Integer> map = new TreeMap<String,Integer>();
    map.put("a", 123);
    map.put("ab", 234);
    map.put("abcd", 5434);
    String myKey = "ab";

    Collection<Integer> matchValues = map.tailMap(myKey).entrySet()
        .stream()
        .filter(e -> e.getKey().startsWith(myKey))
        .map(e -> e.getValue())
        .collect(Collectors.toList());

离子页面的骨架：

header / angularjs
Google广告
巴
离子含量
1. 含量
2. 滑块
3. 含量

Answer 1

我建议您使用AdMob。我写过这个支持离子的本地插件：https://github.com/appfeel/admob-google-cordova/wiki/Angular.js,-Ionic-apps。此外，它还可以让您显示插页式广告。

ionic plugin add cordova-admob

<script src="lib/angular-admob/angular-admob.js"></script>

<script>
var app = angular.module('myApp', ['admobModule']);

app.config(['admobSvcProvider', function (admobSvcProvider) {
  // Optionally you can configure the options here:
  admobSvcProvider.setOptions({
    publisherId:          "ca-app-pub-XXXXXXXXXXXXXXXX/BBBBBBBBBB",
    interstitialAdId:     "ca-app-pub-XXXXXXXXXXXXXXXX/IIIIIIIIII",
    autoShowBanner:       true,
    autoShowInterstitial: true
  });
}]);


app.run(['admobSvc', function (admobSvc) {
  admobSvc.createBannerView();
  admob.requestInterstitialAd();


  // Handle events:
  $rootScope.$on(admobSvc.events.onAdOpened, function onAdOpened(evt, e) {
    console.log('adOpened: type of ad:' + e.adType);
  });
}]);
</script>

Answer 2

一个快速解决方案是将以下类添加到您的样式

.adsbygoogle {
  position: absolute;
  z-index: 10;
}

在Ionic中断显示中插入Google Adsense代码

2 个答案: