@asoftwareworld/google-adsense
Advanced tools
Show google ads for Angular application with latest version of Angular.
Contributing Guidelines
·
Submit an Issue
·
Blog
npm install @asoftwareworld/google-adsense
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>
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! :beers:
FAQs
Google Adsense for Angular
We found that @asoftwareworld/google-adsense demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket Firewall Enterprise is now available with flexible deployment, configurable policies, and expanded language support.
Security News
Open source dashboard CNAPulse tracks CVE Numbering Authorities’ publishing activity, highlighting trends and transparency across the CVE ecosystem.
Product
Detect malware, unsafe data flows, and license issues in GitHub Actions with Socket’s new workflow scanning support.