Show DFP ads in your Angular X App now !
How to use:
Insert in your index.html this line to load google DFP lib:
Then install ngx-ad-dfp:
$ npm install ngx-ad-dfp
Import the module to your app :
;
Create a settings object with your DFP credentials like this:
You can define multiple ads and create multiple sizes of the same ad, then show them according to user's screen size. To do so with this library, you should in the "mapping" array define for each mapping : The device minimum width and height, the ad's size you want to show (need to be exact)
Actually showing the ad:
Add in any of your component this html tag :
Where settings
is the json we created just before, and ad
is one of the ads in the ads
property of settings
For example you could do:
This will show all your ads one under the other
You can also:
This will show the first ad you defined.
Check out my example app on GitHub if you need any more help :)
Happy coding!