Show google ads for Angular application with latest version of Angular.
Contributing Guidelines
·
Submit an Issue
·
Blog
npm install @asoftwareworld/google-adsenseUse the standard AdSense code in your index.html file under <head></head> as you normally would
<script async src=//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js></script>And then include it in your module (see app.module.ts ):
import { AswGoogleAdsenseModule } from '@asoftwareworld/google-adsense';
// ...
@NgModule({
imports: [
// shown passing global defaults (optional)
AswGoogleAdsenseModule.forRoot({
adClient: 'ca-pub-9010581920864857',
adSlot: 1795662914,
}),
...
]
// ...
})
export class AppModule {}
Uses global defaults which can be overriden via inputs
<asw-google-adsense
[adClient]="'ca-pub-9010581920864857'"
[adSlot]="1795662914"
[display]="'inline-block'"
[width]="320"
[height]="108"
></asw-google-adsense>| input | type | description |
|---|---|---|
| adClient | string | account ca-pub-XXXXXXXXXXXXXXXX |
| adSlot | string/number | ad slot/number |
| adFormat | string | adsense ad format |
| adRegion | string | older adsense code to make all ads on page the same |
| display | string | element display style |
| height | number | element height in px |
| width | number | element width in px |
| layout | string | used for in-feed ads |
| layoutKey | string | used for in-feed ads |
| pageLevelAds | boolean | enable page-level ads |
| timeOutRetry | boolean | on first load sometimes adsense is not ready. retry's push after x ms |
| adtest | string | sets up some sort of google test ad |
| className | string | add custom class names to the "asw" element |
MIT License.
If you enjoyed this project — or just feeling generous, consider buying me a beer. Cheers! 🍻