github/reddit
1
1
Fork 0
mirror of https://github.com/reddit-archive/reddit.git synced 2026-04-27 03:00:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

ads: Load new sponsored link when refocusing the window.

Browse Source 
Loads a new ad when user re-focuses the window, under the following conditions:

1. Ad must be the active item in the spotlight box.
2. Ad must be visible (in the viewport and not hidden).
3. More than 1.5 seconds must have elapsed since the last ad was loaded.
This commit is contained in:
Matt Lee
2015-01-15 11:36:04 -08:00
parent f18f92e3f6
commit 48fb42368f
1 changed files with 41 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
r2/r2/public/static/js/spotlight.js
View File

@@ -45,8 +45,42 @@ r.spotlight.setup = function(organic_links, interest_prob, show_promo, srnames)
this.interest_prob = interest_prob
this.show_promo = show_promo
this.srnames = srnames
this.lastPromoTimestamp = Date.now();
this.MIN_PROMO_TIME = 1500;
this.init()
$(window).on('focus', r.spotlight.requestNewPromo.bind(this));
}
r.spotlight.requestNewPromo = function() {
// the ad will be stored as a promise
if (!this.lineup[this.lineup.pos].promise) {
return;
}
var $organicListing = $('.organic-listing');
var $promotedLink = $organicListing.find('.promotedlink');
var $clearLeft = $promotedLink.next('.clearleft');
if ($promotedLink.is(':hidden')||
$promotedLink.offset().top < window.scrollY ||
Date.now() - this.lastPromoTimestamp < this.MIN_PROMO_TIME) {
return;
}
var newPromo = this.requestPromo();
newPromo.then(function($promo) {
if (!$promo || !$promo.length) { return }
var $link = $promo.eq(0);
var fullname = $link.data('fullname');
this.organics[this.lineup.pos] = fullname;
this.lineup[this.lineup.pos] = newPromo;
$promotedLink.add($clearLeft).remove();
$promo.show();
}.bind(this));
}
r.spotlight.requestPromo = function() {
@@ -60,6 +94,7 @@ r.spotlight.requestPromo = function() {
}
}).pipe(function(promo) {
if (promo) {
r.spotlight.lastPromoTimestamp = Date.now();
$item = $(promo)
$item.hide().appendTo($('.organic-listing'))
return $item
@@ -149,7 +184,12 @@ r.spotlight._advance = function(dir) {
listing.removeClass('loading')
// match the listing background to that of the displayed thing
listing.css('background-color', $next.css('background-color'))
if ($next) {
var nextColor = $next.css('background-color');
if (nextColor) {
listing.css('background-color', nextColor);
}
}
visible.hide()
$next.show()