插入Google Adsense代码离子休息显示

在这个简单的Codepen demo，我有一个酒吧和一个滑块。运行良好，但如果我添加Google Adsense代码，则显示已损坏。我应该如何插入Adsense代码在网页顶部显示广告。插入Google Adsense代码离子休息显示

我的意思是“显示已损坏”：条形覆盖离子内容的开始（hello1 hello2）。我已经把class =“has-header” in < ion-content >。

NB我使用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>

骨架离子页的：

页眉/ angularjs
谷歌广告
酒吧
离子含量
内容
滑块
内容

来源

2015-05-19 Emmanuel Gleizer

一个快速的解决方案是添加下面的类你的风格

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

来源

2015-05-19 17:58:24 aorfevre

绝对位置将广告覆盖在页面的第1个要素，在我的情况吧。我需要将广告放在页面顶部的自己的区块div中，而广告不在该区域的下方（而不是在下面）。 –

因此，添加一个顶部填充到您的ion-nav-views – aorfevre

thx的想法，但它似乎并没有工作：http://codepen.io/EmmanuelGleizer/pen/ZGpGvJ我想这是因为酒吧不是离子元素 - 但它是一个兄弟姐妹。 –

我会建议你使用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>

来源

2015-05-21 07:38:09 Miquel

嗨，它支持内嵌广告（内容本身之间）吗？例如，在列表中间显示广告，或在列表中的某些项目之后重复播放广告？ – pewpewlasers

@pewpewlasers不好意思，admob：https：//support.google.com/admob/answer/6275345？hl = zh_CN＆ref_topic = 2745287，这可能会导致您的应用在某些情况下被拒绝如果他们模仿/重叠应用程序的内容。 – Miquel

插入Google Adsense代码离子休息显示

回答

相关问题