KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #dsh #dsh-plugin #ai-agent #claude-code #codex #typescript #ai-agents #mcp #cli #rust #deepseek-harness

ngAdsense

★ 18 Open GitHub ↗

Angular JS directive for Google AdSense advertisements.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ngAdsense

Angular JS directive for Google AdSense advertisements. With ngAdsense, you can place your ads onto your website, or an Angular JS template as well.

![Build status](https://travis-ci.org/szrnka-peter/ngAdsense.svg?branch=master)
[![codecov](https://codecov.io/gh/szrnka-peter/ngAdsense/branch/master/graph/badge.svg)](https://codecov.io/gh/szrnka-peter/ngAdsense)

[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=7YEPKTQRNK5YA)

## Requirements

- A modern browser
 - AngularJS 1.6+
 
## Installation

This module contains only one file (ngAdsense.js), so you have to download it from GitHub.

Now you have to do is add the scripts to your application. Just make sure the `ng-adsense.min.js` file is inserted **after** the `angular.min.js` script:

```html
<script src="angular.min.js"></script>
<script src="ng-adsense.min.js"></script>
```

### Bower
```
bower install ngAdsense --save
```

## Usage

1. Add the `ngAdsense` module as a dependency in your AngularJS app;
 2. Add the custom directive `<adsense-directive>` to your html page or template.
 3. Setup all three mandatory fields.
 4. Ready!
 
 *Important: This solution cannot be tested on local developer environment!*

## Example

```html
<html>
	<head>
	  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	  <meta name="viewport" content="width=device-width, initial-scale=1">
	  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
	  <script type="text/javascript" src="ng-adsense.min.js"></script>
	  <script type="text/javascript">
	    var ngAdSenseDemoApp = angular.module('DemoApp', ['ngAdsense']);
	  </script>
	</head>
	<body ng-app="DemoApp">
	  <adsense-directive 
	    ad-client="YOUR_CLIENT_ID"
	    ad-slot="YOUR_SLOT_ID" 
	    ad-format="auto"
	    css-style="display:inline-block;width:320px;height:50px;">
	  </adsense-directive>
	</body>
</html>
```

## License

See the [LICENSE](https://github.com/szrnka-peter/ngAdsense/blob/master/LICENSE) file.

## Changelog

See the [CHANGELOG](https://github.com/szrnka-peter/ngAdsense/blob/master/CHANGELOG.md) file.

ngAdsense

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README