ng2-adsense 
Easy AdSense for Angular Applications
Demo: https://ng2-adsense.xmplaylist.com/
Install
npm install ng2-adsenseDependencies
Latest version available for each version of Angular
| ng2-adsense | Angular |
|---|---|
| 5.4.3 | 5.x 6.x 7.x |
| >6.0.0 | 8.x |
Use
Add adsense code
Use the standard AdSense code somewhere in your <head></head> as you normally would
<script async src=//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js></script>Import NgModule
Add AdsenseModule to the imports of your NgModule
import { AdsenseModule } from 'ng2-adsense'; @NgModule({ imports: [ // shown passing global defaults (optional) AdsenseModule.forRoot({ adClient: 'ca-pub-7640562161899788', adSlot: 7259870550, }), ...Show Ad
Uses global defaults which can be overriden via inputs
<ng-adsense></ng-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 "ins" element |
<ng-adsense [adClient]="'ca-pub-7640562161899788'" [adSlot]="7259870550" [display]="'inline-block'" [width]="320" [height]="108" ></ng-adsense>
