插入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代碼離子休息顯示

回答

相關問題