DFP refresh ad afer X seconds in view - google-dfp

Question

i'm looking to also do this but using the GPT APi ( i'm pretty new to this coding stuff, so no real clue what doing, so looking for help in effect)
I found this in the GPT ApI docs:
Impression viewable listener, slot specific logic.
The listener will be called when the impression is considered viewable.
This event also operates at service level, but, as above, you can filter
to respond only to a certain ad slot by using this pattern
googletag.pubads().addEventListener('impressionViewable', function(event) {
if (event.slot == targetSlot) {
//Slot specific logic.
}
});
and already have this, which is refreshing the ads after X seconds
googletag.cmd.push(function() {
var mappingleaderslot = googletag.sizeMapping().
addSize([1024, 769], [[970,250],[970,90],[728,90],[468,60],[320,50],[234,60]]).
addSize([768, 500], [[728,90],[468,60],[320,50],[234,60]]).
addSize([1, 1], [[320,50],[234,60]]).
build();
var mappingbigboxslot = googletag.sizeMapping().
addSize([1024, 769], [[300,600],[300,250],[160,600],[120,600],[250,250]]).
addSize([768, 500], [[300,250],[250,250]]).
addSize([1, 1], [[300,250],[250,250]]).
build();
topSlot = googletag.defineSlot('/1001824/prebid_test2', [[970, 250],[970, 90],[728, 90],[468, 60],[320, 50],[234, 60]], 'topSlot').defineSizeMapping(mappingleaderslot).setTargeting("test", "refresh").addService(googletag.pubads());
middlerightSlot = googletag.defineSlot('/1001824/prebid_test3', [[300, 600],[300, 250],[160, 600],[120, 600],[250, 250]], 'middlerightSlot').defineSizeMapping(mappingbigboxslot).setTargeting("test", "refresh").addService(googletag.pubads());
bottomrightSlot = googletag.defineSlot('/1001824/prebid_test1', [[300, 600],[300, 250],[160, 600],[120, 600],[250, 250]], 'bottomrightSlot').defineSizeMapping(mappingbigboxslot).setTargeting("test", "refresh").addService(googletag.pubads());
bottomleftSlot = googletag.defineSlot('/1001824/prebid_test4', [[300, 600],[300, 250],[160, 600],[120, 600],[250,250]], 'bottomleftSlot').defineSizeMapping(mappingbigboxslot).setTargeting("test", "refresh").addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.pubads().collapseEmptyDivs(true, true);
googletag.pubads().setCentering(true);
googletag.enableServices();
googletag.display("topSlot");
googletag.display("middlerightSlot");
googletag.display("bottomrightSlot");
googletag.display("bottomleftSlot");
setInterval(function(){googletag.pubads().refresh([topSlot]);}, 120000);
setInterval(function(){googletag.pubads().refresh([middlerightSlot]);}, 120000);
setInterval(function(){googletag.pubads().refresh([bottomrightSlot]);}, 120000);
setInterval(function(){googletag.pubads().refresh([bottomleftSlot]);}, 120000);
});
function refreshSlot(slot) {
pbjs.que.push(function() {
pbjs.requestBids({
timeout: PREBID_TIMEOUT,
adUnitCodes: [slot.getSlotElementId()],
bidsBackHandler: function() {
pbjs.setTargetingForGPTAsync([slot.getSlotElementId()]);
googletag.pubads().refresh([slot]);
}
});
});
}
function refreshtopSlot() {
refreshSlot(topSlot);
}
function refreshmiddlerightSlot() {
refreshSlot(middlerightSlot);
}
function refreshbottomrightSlot() {
refreshSlot(bottomrightSlot);
}
function refreshbottomleftSlot() {
refreshSlot(bottomleftSlot);
}
but no clue how i can combine the two, so as the ad refreshes once its been "in view" for X seconds, any pointers/can anyone help me?

Answer 1

think i found another issue, if a prebid ad renders first, it doest then push the prebid que/ page bids to the "next" prebid bid, it refreshes the same bid, so there is no subsiquent "rev" to be had. i tried adding this but dont seem to work
googletag.pubads().addEventListener('impressionViewable', function
(event) {
var elementId = event.slot.getSlotElementId();
var slotConfig = slots[elementId];
if (slotConfig) {
var handle = setTimeout(function () {
googletag.cmd.push(function () {
function refreshBid() {
pbjs.que.push(function() {
pbjs.requestBids({
timeout: PREBID_TIMEOUT,
bidsBackHandler: function() {
googletag.pubads().refresh([slot1]);

Answer 2

You can take a look a this Gist, it has a full code example.
Here is the Javascript example
var size = [
//[300, 600],
//[300, 250],
//[160, 600],
//[120, 600],
[250, 250]
];
var PREBID_TIMEOUT = 1000;
googletag.cmd.push(function () {
(function (googletag, pbjs, config) {
var sizeMappings = {};
var slots = {};
function refreshSlot(slot) {
pbjs.que.push(function() {
pbjs.requestBids({
timeout: PREBID_TIMEOUT,
adUnitCodes: [slot.getSlotElementId()],
bidsBackHandler: function() {
pbjs.setTargetingForGPTAsync([slot.getSlotElementId()]);
googletag.pubads().refresh([slot]);
}
});
});
}
Object.keys(config.sizeMappings).forEach(function (key) {
var sizeMappingBuilder = googletag.sizeMapping();
config.sizeMappings[key].forEach(function (mapping) {
sizeMappingBuilder.addSize(mapping[0], mapping[1]);
});
var sizeMapping = sizeMappingBuilder.build();
sizeMappings[key] = sizeMapping;
console.log('created sizemapping ', key, ' ', sizeMappings[key]);
});
//googletag.pubads().enableSingleRequest();
googletag.pubads().collapseEmptyDivs(true, true);
googletag.pubads().setCentering(true);
googletag.pubads().disableInitialLoad();
googletag.enableServices();
googletag.pubads().addEventListener('impressionViewable', function (event) {
var elementId = event.slot.getSlotElementId();
var slotConfig = slots[elementId];
if (slotConfig) {
var handle = setTimeout(function () {
googletag.cmd.push(function () {
refreshSlot(event.slot);
});
}, config.definitons[elementId].timeout);
console.log('handle for time ', handle, ' elementId ', elementId, ' duration ', config.definitons[elementId].timeout);
}
});
Object.keys(config.definitons).forEach(function (key) {
var def = config.definitons[key];
var slot = googletag.defineSlot(def.adUnitPath, def.size, key);
slot.setTargeting('test', 'refresh');
slot.defineSizeMapping(sizeMappings[def.sizeMapping]);
slot.addService(googletag.pubads());
googletag.display(key);
slots[key] = { slot: slot };
});
googletag.pubads().refresh();
})(window.googletag, window.pbjs, {
definitons: {
topSlot: {
adUnitPath: '/1001824/prebid_test2',
size: size,
sizeMapping: 'mappingleaderslot',
timeout: 5000,
},
middlerightSlot: {
adUnitPath: '/1001824/prebid_test3',
size: size,
sizeMapping: 'mappingbigboxslot',
timeout: 3000,
},
bottomrightSlot: {
adUnitPath: '/1001824/prebid_test1',
size: size,
sizeMapping: 'mappingbigboxslot',
timeout: 3000,
},
bottomleftSlot: {
adUnitPath: '/1001824/prebid_test4',
size: size,
sizeMapping: 'mappingbigboxslot',
timeout: 3000,
},
},
sizeMappings: {
mappingleaderslot: [
[
[1024, 769],
[
[970, 250],
[970, 90],
[728, 90],
[468, 60],
[320, 50],
[234, 60]
]
],
[
[768, 500],
[
[728, 90],
[468, 60],
[320, 50],
[234, 60]
]
],
[
[1, 1],
[
[320, 50],
[234, 60]
]
],
],
mappingbigboxslot: [
[
[1024, 769],
[
[300, 600],
[300, 250],
[160, 600],
[120, 600],
[250, 250]
]
],
[
[768, 500],
[
[300, 250],
[250, 250]
]
],
[
[1, 1],
[
[300, 250],
[250, 250]
]
],
]
}
});
});