Angularjs 在屏幕中插入谷歌Adsense代码

在这个简单的例子中，我有一个条和一个滑块。工作正常，但如果我添加了谷歌Adsense代码，那么显示器就坏了。如何插入Adsense代码以在网页顶部显示广告

我所说的“显示被破坏”的意思是：条形图覆盖了离子内容的开头（hello1 hello2）。我已经将class=“has header”放在了列表中

注意：我在移动站点和（下一步）混合应用程序中都使用了Ionic框架。我不希望广告在本机代码中工作。我只需要在移动网站上显示Adsense广告。 广告编号为：

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- hybride_320x50 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:320px;height:50px"
     data-ad-client="ca-pub-4134311660880303"
     data-ad-slot="1861097476"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

（adsbygoogle=window.adsbygoogle | |[]）.push（{}）；

爱奥尼亚页面的框架：

标题/角度

谷歌广告

酒吧

离子含量

内容

滑块

内容

---

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

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

---

我建议您使用AdMob。我已经编写了这个本机插件，它支持离子：。此外，它还可以显示间隙

爱奥尼亚插件添加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>

var app=angular.module（'myApp'，['admobModule']）；
app.config（['admobSvcProvider'，函数（admobSvcProvider）{
//（可选）您可以在此处配置选项：
admobSvcProvider.setOptions({
publisherId:“ca-app-pub-XXXXXXXXXX/BBBBBB”，
他说：“ca-app-pub-XXXXXXXXXX/IIIIII”，
是的，
自动显示：正确
});
}]);
app.run（['admobSvc'，函数（admobSvc）{
admobSvc.createBannerView（）；
admob.allad（）；
//处理事件：
$rootScope.$on（admobSvc.events.onAdOpened，函数onAdOpened（evt，e）{
log（'adOpened:type of ad:'+e.adType）；
});
}]);

Absolute position（绝对位置）将使广告覆盖成为页面的第一个元素，在我的例子中是条。我需要把广告放在页面顶部它自己的block div中，广告下方（而不是下方）是条。因此，在你的ion nav viewsthx中添加一个顶部填充来表达这个想法，但它似乎不起作用：我猜这是因为条不是ion view的一个元素，而是它的一个兄弟。嗨，它支持内联广告（在内容本身之间）吗？例如，在列表中间显示广告，或者在列表中的一定数量的项目之后重复广告？@ PeWPEWDelphi抱歉，不是，这是被ADMOB挫伤的：甚至在某些情况下，如果它们模仿/重叠应用程序的内容，甚至会导致您的应用程序被拒绝对策略进行考虑。