2015-07-24 00:01:47 -04:00
|
|
|
import loadScript from 'discourse/lib/load-script';
|
|
|
|
|
2016-04-21 13:01:15 -04:00
|
|
|
var currentUser = Discourse.User.current(),
|
|
|
|
_loaded = false,
|
2015-10-15 13:58:49 -04:00
|
|
|
_promise = null,
|
|
|
|
ads = {};
|
2015-07-24 00:01:47 -04:00
|
|
|
|
2015-08-10 00:04:21 -04:00
|
|
|
function splitWidthInt(value) {
|
|
|
|
var str = value.substring(0, 3);
|
|
|
|
return str.trim();
|
|
|
|
}
|
|
|
|
|
|
|
|
function splitHeightInt(value) {
|
|
|
|
var str = value.substring(4, 7);
|
|
|
|
return str.trim();
|
|
|
|
}
|
2015-08-30 22:21:43 -04:00
|
|
|
|
2015-08-26 01:35:30 -04:00
|
|
|
// This creates an array for the values of the custom targeting key
|
|
|
|
function valueParse(value) {
|
|
|
|
var final = value.replace(/ /g,'');
|
|
|
|
final = final.replace(/['"]+/g, '');
|
|
|
|
final = final.split(',');
|
|
|
|
return final;
|
|
|
|
}
|
|
|
|
|
2015-08-30 22:21:43 -04:00
|
|
|
// This creates an array for the key of the custom targeting key
|
|
|
|
function keyParse(word) {
|
|
|
|
var key = word;
|
|
|
|
key = key.replace(/['"]+/g, '');
|
|
|
|
key = key.split("\n");
|
2015-10-15 13:58:49 -04:00
|
|
|
return key;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// This sets the key and value for custom targeting
|
|
|
|
var Foo = function(key, value, adslot) {
|
|
|
|
this.locationKey = key;
|
|
|
|
this.locationValue = value;
|
|
|
|
this.adslot = adslot;
|
|
|
|
};
|
|
|
|
|
|
|
|
Foo.prototype.bar = function() {
|
|
|
|
if (this.locationKey) {
|
|
|
|
this.adslot.setTargeting(this.locationKey, this.locationValue);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
// This should call adslot.setTargeting(key for that location, value for that location)
|
|
|
|
function custom_targeting(key_array, value_array, location) {
|
|
|
|
var f;
|
|
|
|
for (var i = 0; i < key_array.length; i++) {
|
|
|
|
var wordValue = valueParse(value_array[i]);
|
|
|
|
f = new Foo(key_array[i], wordValue, location);
|
|
|
|
f.bar();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-04-21 13:01:15 -04:00
|
|
|
function defineSlot(placement, settings, isMobile) {
|
|
|
|
var ad, width, height, divId;
|
2015-10-15 13:58:49 -04:00
|
|
|
|
|
|
|
if (ads[placement]) {
|
|
|
|
return ads[placement];
|
|
|
|
}
|
|
|
|
|
2016-04-21 13:01:15 -04:00
|
|
|
divId = "div-gpt-ad-" + placement;
|
2015-10-15 13:58:49 -04:00
|
|
|
|
2016-04-21 13:01:15 -04:00
|
|
|
if (isMobile) {
|
|
|
|
// There are no settings for customizing the mobile ad sizes.
|
|
|
|
width = 320;
|
|
|
|
height = 50;
|
2015-10-15 13:58:49 -04:00
|
|
|
}
|
|
|
|
|
2016-04-21 13:01:15 -04:00
|
|
|
if (placement === "topic-list-top" && settings.dfp_topic_list_top_code && settings.dfp_topic_list_top_ad_sizes) {
|
|
|
|
if (isMobile) {
|
|
|
|
ad = window.googletag.defineSlot('/' + settings.dfp_publisher_id + '/' + settings.dfp_mobile_topic_list_top_code, [width,height], divId).addService(window.googletag.pubads());
|
|
|
|
custom_targeting((keyParse(Discourse.SiteSettings.dfp_target_topic_list_top_key_code)), (keyParse(settings.dfp_target_topic_list_top_value_code)), ad);
|
|
|
|
} else {
|
|
|
|
width = parseInt(splitWidthInt(settings.dfp_topic_list_top_ad_sizes));
|
|
|
|
height = parseInt(splitHeightInt(settings.dfp_topic_list_top_ad_sizes));
|
|
|
|
ad = window.googletag.defineSlot('/' + settings.dfp_publisher_id + '/' + settings.dfp_topic_list_top_code, [width, height], divId).addService(window.googletag.pubads());
|
|
|
|
custom_targeting((keyParse(settings.dfp_target_topic_list_top_key_code)), (keyParse(settings.dfp_target_topic_list_top_value_code)), ad);
|
2015-10-15 13:58:49 -04:00
|
|
|
}
|
2016-04-21 13:01:15 -04:00
|
|
|
} else if (placement === "topic-above-post-stream" && settings.dfp_topic_above_post_stream_code && settings.dfp_topic_above_post_stream_ad_sizes) {
|
|
|
|
if (isMobile) {
|
|
|
|
ad = window.googletag.defineSlot('/' + settings.dfp_publisher_id + '/' + settings.dfp_mobile_topic_above_post_stream_code, [width,height], divId).addService(window.googletag.pubads());
|
|
|
|
custom_targeting((keyParse(settings.dfp_target_topic_above_post_stream_key_code)), (keyParse(settings.dfp_target_topic_above_post_stream_value_code)), ad);
|
|
|
|
} else {
|
|
|
|
width = parseInt(splitWidthInt(settings.dfp_topic_above_post_stream_ad_sizes));
|
|
|
|
height = parseInt(splitHeightInt(settings.dfp_topic_above_post_stream_ad_sizes));
|
|
|
|
ad = window.googletag.defineSlot('/' + settings.dfp_publisher_id + '/' + settings.dfp_topic_above_post_stream_code, [width, height], divId).addService(window.googletag.pubads());
|
|
|
|
custom_targeting((keyParse(settings.dfp_target_topic_above_post_stream_key_code)), (keyParse(settings.dfp_target_topic_above_post_stream_value_code)), ad);
|
2015-10-15 13:58:49 -04:00
|
|
|
}
|
2016-04-21 13:01:15 -04:00
|
|
|
} else if (placement === "topic-above-suggested" && settings.dfp_topic_above_suggested_code && settings.dfp_topic_above_suggested_ad_sizes) {
|
|
|
|
if (isMobile) {
|
|
|
|
ad = window.googletag.defineSlot('/' + settings.dfp_publisher_id + '/' + settings.dfp_mobile_topic_above_suggested_code, [width,height], divId).addService(window.googletag.pubads());
|
|
|
|
custom_targeting((keyParse(settings.dfp_target_topic_above_suggested_key_code)), (keyParse(settings.dfp_target_topic_above_suggested_value_code)), ad);
|
|
|
|
} else {
|
|
|
|
width = parseInt(splitWidthInt(settings.dfp_topic_above_suggested_ad_sizes));
|
|
|
|
height = parseInt(splitHeightInt(settings.dfp_topic_above_suggested_ad_sizes));
|
|
|
|
ad = window.googletag.defineSlot('/' + settings.dfp_publisher_id + '/' + settings.dfp_topic_above_suggested_code, [width, height], divId).addService(window.googletag.pubads());
|
|
|
|
custom_targeting((keyParse(settings.dfp_target_topic_above_suggested_key_code)), (keyParse(settings.dfp_target_topic_above_suggested_value_code)), ad);
|
2015-10-15 13:58:49 -04:00
|
|
|
}
|
2016-04-21 13:01:15 -04:00
|
|
|
} else if (placement === "post-bottom" && settings.dfp_post_bottom_code && settings.dfp_post_bottom_ad_sizes) {
|
|
|
|
if (isMobile) {
|
|
|
|
ad = window.googletag.defineSlot('/' + settings.dfp_publisher_id + '/' + settings.dfp_mobile_post_bottom_code, [width,height], divId).addService(window.googletag.pubads());
|
|
|
|
custom_targeting((keyParse(settings.dfp_target_post_bottom_key_code)), (keyParse(settings.dfp_target_post_bottom_value_code)), ad);
|
|
|
|
} else {
|
|
|
|
width = parseInt(splitWidthInt(settings.dfp_post_bottom_ad_sizes));
|
|
|
|
height = parseInt(splitHeightInt(settings.dfp_post_bottom_ad_sizes));
|
|
|
|
ad = window.googletag.defineSlot('/' + settings.dfp_publisher_id + '/' + settings.dfp_post_bottom_code, [width, height], divId).addService(window.googletag.pubads());
|
|
|
|
custom_targeting((keyParse(settings.dfp_target_post_bottom_key_code)), (keyParse(settings.dfp_target_post_bottom_value_code)), ad);
|
2015-10-15 13:58:49 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-04-21 13:01:15 -04:00
|
|
|
if (ad) {
|
|
|
|
ads[placement] = {ad: ad, width: width, height: height};
|
|
|
|
return ads[placement];
|
2015-10-15 13:58:49 -04:00
|
|
|
}
|
2015-08-30 22:21:43 -04:00
|
|
|
}
|
|
|
|
|
2016-02-22 12:11:29 -05:00
|
|
|
function loadGoogle() {
|
2015-07-24 00:01:47 -04:00
|
|
|
if (_loaded) {
|
|
|
|
return Ember.RSVP.resolve();
|
|
|
|
}
|
|
|
|
|
|
|
|
if (_promise) {
|
|
|
|
return _promise;
|
|
|
|
}
|
|
|
|
|
|
|
|
// The boilerplate code
|
2016-02-22 12:11:29 -05:00
|
|
|
var dfpSrc = (('https:' === document.location.protocol) ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';
|
2015-07-24 00:01:47 -04:00
|
|
|
_promise = loadScript(dfpSrc, { scriptTag: true }).then(function() {
|
|
|
|
_loaded = true;
|
|
|
|
if (window.googletag === undefined) {
|
|
|
|
console.log('googletag is undefined!');
|
|
|
|
}
|
|
|
|
|
2016-02-22 12:11:29 -05:00
|
|
|
window.googletag.cmd.push(function() {
|
|
|
|
window.googletag.pubads().enableSingleRequest();
|
|
|
|
window.googletag.pubads().disableInitialLoad(); // we always use refresh() to fetch the ads
|
|
|
|
window.googletag.enableServices();
|
2015-07-24 00:01:47 -04:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
return _promise;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Ember component - the class is the adblock and css
|
|
|
|
export default Ember.Component.extend({
|
2016-04-21 13:01:15 -04:00
|
|
|
width: 728,
|
|
|
|
height: 90,
|
2015-07-24 00:01:47 -04:00
|
|
|
|
2016-04-21 14:59:59 -04:00
|
|
|
classNameBindings: ['adUnitClass'],
|
2015-07-24 00:01:47 -04:00
|
|
|
classNames: ['google-dfp-ad'],
|
|
|
|
loadedGoogletag: false,
|
2015-10-15 13:58:49 -04:00
|
|
|
refreshOnChange: null,
|
2015-07-24 00:01:47 -04:00
|
|
|
|
|
|
|
divId: function() {
|
|
|
|
return "div-gpt-ad-" + this.get('placement');
|
|
|
|
}.property('placement'),
|
|
|
|
|
2016-04-21 14:59:59 -04:00
|
|
|
adUnitClass: function() {
|
|
|
|
return "dfp-ad-" + this.get("placement");
|
|
|
|
}.property('placement'),
|
|
|
|
|
2015-08-18 21:44:14 -04:00
|
|
|
adWrapperStyle: function() {
|
2016-04-21 13:01:15 -04:00
|
|
|
return `width: ${this.get('width')}px; height: ${this.get('height')}px;`.htmlSafe();
|
|
|
|
}.property('width', 'height'),
|
2015-08-19 19:34:52 -04:00
|
|
|
|
2015-10-28 19:51:53 -04:00
|
|
|
adTitleStyleMobile: function() {
|
2016-04-21 13:01:15 -04:00
|
|
|
return `width: ${this.get('width')}px;`.htmlSafe();
|
|
|
|
}.property('width'),
|
2015-10-28 19:51:53 -04:00
|
|
|
|
2015-09-01 23:50:47 -04:00
|
|
|
checkTrustLevels: function() {
|
|
|
|
return !((currentUser) && (currentUser.get('trust_level') > Discourse.SiteSettings.dfp_through_trust_level));
|
|
|
|
}.property('trust_level'),
|
2015-08-19 19:34:52 -04:00
|
|
|
|
2015-10-15 13:58:49 -04:00
|
|
|
refreshAd: function() {
|
2016-04-21 13:01:15 -04:00
|
|
|
var slot = ads[this.get('placement')];
|
|
|
|
if (!(slot && slot.ad)) { return; }
|
2015-10-15 13:58:49 -04:00
|
|
|
|
2016-04-21 13:01:15 -04:00
|
|
|
var self = this,
|
|
|
|
ad = slot.ad;
|
2015-10-27 16:42:36 -04:00
|
|
|
|
2015-10-27 17:44:03 -04:00
|
|
|
if (this.get('loadedGoogletag') && this.get('refreshOnChange')) {
|
2016-02-22 12:11:29 -05:00
|
|
|
window.googletag.cmd.push(function() {
|
2015-10-28 12:20:06 -04:00
|
|
|
ad.setTargeting('discourse-category', self.get('category') ? self.get('category') : '0');
|
2016-02-22 12:11:29 -05:00
|
|
|
window.googletag.pubads().refresh([ad]);
|
2015-10-15 13:58:49 -04:00
|
|
|
});
|
|
|
|
}
|
|
|
|
}.observes('refreshOnChange'),
|
|
|
|
|
2015-07-24 00:01:47 -04:00
|
|
|
_initGoogleDFP: function() {
|
|
|
|
var self = this;
|
|
|
|
loadGoogle(this.siteSettings).then(function() {
|
|
|
|
self.set('loadedGoogletag', true);
|
2016-02-22 12:11:29 -05:00
|
|
|
window.googletag.cmd.push(function() {
|
2016-04-21 13:01:15 -04:00
|
|
|
let slot = defineSlot(self.get('placement'), self.siteSettings, self.site.mobileView);
|
|
|
|
if (slot && slot.ad) {
|
|
|
|
slot.ad.setTargeting('discourse-category', self.get('category') ? self.get('category') : '0');
|
|
|
|
self.set('width', slot.width);
|
|
|
|
self.set('height', slot.height);
|
2016-02-22 12:11:29 -05:00
|
|
|
window.googletag.display(self.get('divId'));
|
2016-04-21 13:01:15 -04:00
|
|
|
window.googletag.pubads().refresh([slot.ad]);
|
2015-10-15 13:58:49 -04:00
|
|
|
}
|
|
|
|
});
|
2015-07-24 00:01:47 -04:00
|
|
|
});
|
|
|
|
}.on('didInsertElement')
|
|
|
|
});
|