{"id":13806339,"url":"https://github.com/scttcper/ng2-adsense","last_synced_at":"2025-04-05T15:09:54.168Z","repository":{"id":11489353,"uuid":"68271240","full_name":"scttcper/ng2-adsense","owner":"scttcper","description":"Angular Adsense Component","archived":false,"fork":false,"pushed_at":"2024-04-18T03:20:14.000Z","size":5195,"stargazers_count":138,"open_issues_count":11,"forks_count":24,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-03-29T10:37:18.770Z","etag":null,"topics":["adsense","angular","ngmodule","typescript"],"latest_commit_sha":null,"homepage":"https://ng2-adsense.xmplaylist.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/scttcper.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-09-15T06:21:27.000Z","updated_at":"2024-10-28T15:12:23.000Z","dependencies_parsed_at":"2024-06-18T14:10:45.489Z","dependency_job_id":"fcdaefc0-3d67-4203-9e3d-cf0051e56643","html_url":"https://github.com/scttcper/ng2-adsense","commit_stats":{"total_commits":490,"total_committers":11,"mean_commits":44.54545454545455,"dds":0.463265306122449,"last_synced_commit":"8f66269691cda986e108f958908baac69ad172dd"},"previous_names":[],"tags_count":42,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scttcper%2Fng2-adsense","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scttcper%2Fng2-adsense/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scttcper%2Fng2-adsense/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scttcper%2Fng2-adsense/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scttcper","download_url":"https://codeload.github.com/scttcper/ng2-adsense/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247353749,"owners_count":20925329,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["adsense","angular","ngmodule","typescript"],"created_at":"2024-08-04T01:01:10.476Z","updated_at":"2025-04-05T15:09:54.150Z","avatar_url":"https://github.com/scttcper.png","language":"TypeScript","funding_links":[],"categories":["Table of contents"],"sub_categories":["Angular"],"readme":"# ng2-adsense [![NPM version][npm-image]][npm-url][![coverage status][coverage-img]][coverage-url]\n\n[npm-image]: https://img.shields.io/npm/v/ng2-adsense.svg\n[npm-url]: https://npmjs.org/package/ng2-adsense\n[coverage-img]: https://codecov.io/gh/scttcper/ng2-adsense/branch/master/graph/badge.svg\n[coverage-url]: https://codecov.io/gh/scttcper/ng2-adsense\n\n\u003e Easy AdSense for Angular Applications\n\n**Demo**: https://ng2-adsense.xmplaylist.com/\n\n## Install\n\n```\nnpm install ng2-adsense\n```\n\n## Dependencies\n\nLatest version available for each version of Angular\n\n| ng2-adsense | Angular     |\n| ----------- | ----------- |\n| 5.4.3       | 5.x 6.x 7.x |\n| 6.0.3       | 8.x         |\n| 8.0.1       | 9.x         |\n| 9.1.0       | 10.x 11.x   |\n| 10.1.0      | 12.x 13.x   |\n| 11.0.0      | 14.x        |\n| 12.0.0      | 15.x        |\n| 13.0.0      | 16.x        |\n| current     | \u003e=17        |\n\n## Use\n\n#### Add adsense code\n\nUse the standard AdSense code somewhere in your `\u003chead\u003e\u003c/head\u003e` as you [normally would](https://support.google.com/adsense/answer/7477845)\n\n```html\n\u003cscript async src=//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\u003e\u003c/script\u003e\n```\n\n#### Import NgModule\n\nAdd AdsenseModule to the imports of your NgModule\n\n```typescript\nimport { AdsenseModule } from 'ng2-adsense';\n\n@NgModule({\n  imports: [\n    // shown passing global defaults (optional)\n    AdsenseModule.forRoot({\n      adClient: 'ca-pub-7640562161899788',\n      adSlot: 7259870550,\n    }),\n    ...\n```\n\n#### Show Ad\n\nUses global defaults which can be overriden via inputs\n\n```html\n\u003cng-adsense\u003e\u003c/ng-adsense\u003e\n```\n\n## Inputs\n\n| input               | type          | description                                         |\n| ------------------- | ------------- | --------------------------------------------------- |\n| adClient            | string        | account ca-pub-XXXXXXXXXXXXXXXX                     |\n| adSlot              | string/number | ad slot/number                                      |\n| adFormat            | string        | adsense ad format                                   |\n| adRegion            | string        | older adsense code to make all ads on page the same |\n| display             | string        | element display style                               |\n| fullWidthResponsive | boolean       | enable full width responsive ad                     |\n| height              | number        | element height in px                                |\n| width               | number        | element width in px                                 |\n| layout              | string        | used for in-feed ads                                |\n| layoutKey           | string        | used for in-feed ads                                |\n| pageLevelAds        | boolean       | enable page-level ads                               |\n| adtest              | string        | sets up some sort of google test ad                 |\n| className           | string        | add custom class names to the \"ins\" element         |\n\n```html\n\u003cng-adsense\n  [adClient]=\"'ca-pub-7640562161899788'\"\n  [adSlot]=\"7259870550\"\n  [display]=\"'inline-block'\"\n  [width]=\"320\"\n  [height]=\"108\"\n\u003e\u003c/ng-adsense\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscttcper%2Fng2-adsense","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscttcper%2Fng2-adsense","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscttcper%2Fng2-adsense/lists"}