Angular JS directive for Google AdSense advertisements. With ngAdsense, you can place your ads onto your website, or an Angular JS template as well.
- A modern browser
- AngularJS 1.6+
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 install ngAdsense --save
- Add the
ngAdsensemodule as a dependency in your AngularJS app; - Add the custom directive
<adsense-directive>to your html page or template. - Setup all three mandatory fields.
- Ready!
Important: This solution cannot be tested on local developer environment!
<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>See the LICENSE file.
See the CHANGELOG file.