ASW Google Adsense - show ads in angular app.
Show google ads for Angular application with latest version of Angular.
Contributing Guidelines
·
Submit an Issue
·
Blog
Documentation
Installation
npm install @asoftwareworld/google-adsenseAdd google adsense code
Use 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>Import NgModule
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 {}
Show Ad
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>Inputs
| 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 |
License
MIT License.
donate
If you enjoyed this project — or just feeling generous, consider buying me a beer. Cheers!