diff --git a/assets/javascripts/discourse/components/google-dfp-ad.js.es6 b/assets/javascripts/discourse/components/google-dfp-ad.js.es6 index 52476b1..66120a0 100755 --- a/assets/javascripts/discourse/components/google-dfp-ad.js.es6 +++ b/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'), diff --git a/plugin.rb b/plugin.rb index 042c72d..bf6eee2 100755 --- a/plugin.rb +++ b/plugin.rb @@ -81,4 +81,10 @@ register_css <