ngAdsense icon indicating copy to clipboard operation
ngAdsense copied to clipboard

Published 20 hours ago • verified publisher icon peter-szrnka
→

Metadata

Angular JS directive for Google AdSense advertisements.

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.

← Metadata

18
Stars
9
Forks
Watchers

Owner

verified publisher icon peter-szrnka

Metadata

Angular JS directive for Google AdSense advertisements.

Back