Socket
Book a DemoInstallSign in
Socket

@asoftwareworld/google-adsense

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@asoftwareworld/google-adsense

Google Adsense for Angular

latest
npmnpm
Version
2.0.1
Version published
Maintainers
1
Created
Source

ASW Google Adsense - show ads in angular app.

asw-logo
Show google ads for Angular application with latest version of Angular.

ASW Google Ads Demo

Contributing Guidelines · Submit an Issue · Blog

CI status Discord conversation

Documentation

Installation

npm install @asoftwareworld/google-adsense

Add 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

inputtypedescription
adClientstringaccount ca-pub-XXXXXXXXXXXXXXXX
adSlotstring/numberad slot/number
adFormatstringadsense ad format
adRegionstringolder adsense code to make all ads on page the same
displaystringelement display style
heightnumberelement height in px
widthnumberelement width in px
layoutstringused for in-feed ads
layoutKeystringused for in-feed ads
pageLevelAdsbooleanenable page-level ads
timeOutRetrybooleanon first load sometimes adsense is not ready. retry's push after x ms
adteststringsets up some sort of google test ad
classNamestringadd 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! :beers:

Keywords

Angular

FAQs

Package last updated on 26 Jul 2023

Did you know?

Socket

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.

Install

Related posts