Skip to content

Latest commit

 

History

History
71 lines (51 loc) · 2.16 KB

README.md

File metadata and controls

71 lines (51 loc) · 2.16 KB
Raw

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 codecov

paypal

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:

<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>
	<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 file.

Changelog

See the CHANGELOG file.