Render nth post dfp ads in position where post would be

assets/javascripts/discourse/components/google-dfp-ad.js.es6

@@ -151,6 +151,7 @@ export default Ember.Component.extend({
   width: 728,
   height: 90,
 
+  classNameBindings: ['adUnitClass'],
   classNames: ['google-dfp-ad'],
   loadedGoogletag: false,
   refreshOnChange: null,
@@ -159,6 +160,10 @@ export default Ember.Component.extend({
     return "div-gpt-ad-" + this.get('placement');
   }.property('placement'),
 
+  adUnitClass: function() {
+    return "dfp-ad-" + this.get("placement");
+  }.property('placement'),
+
   adWrapperStyle: function() {
     return `width: ${this.get('width')}px; height: ${this.get('height')}px;`.htmlSafe();
   }.property('width', 'height'),

plugin.rb

@@ -81,4 +81,10 @@ register_css <<CSS
   font-weight: normal;
 }
 
+.google-dfp-ad.dfp-ad-post-bottom {
+  .google-dfp-ad-label, .dfp-ad-unit {
+    margin: 0 0 0 52px;
+  }
+}
+
 CSS