diff --git a/src/Renderer.js b/src/Renderer.js index 3ef0be5ae4d..3a156b2b86e 100644 --- a/src/Renderer.js +++ b/src/Renderer.js @@ -76,3 +76,21 @@ Renderer.prototype.process = function() { } } }; + +/** + * Checks whether creative rendering should be done by Renderer or not. + * @param {Object} renderer Renderer object installed by adapter + * @returns {Boolean} + */ +export function isRendererRequired(renderer) { + return !!(renderer && renderer.url); +} + +/** + * Render the bid returned by the adapter + * @param {Object} renderer Renderer object installed by adapter + * @param {Object} bid Bid response + */ +export function executeRenderer(renderer, bid) { + renderer.render(bid); +} diff --git a/src/prebid.js b/src/prebid.js index 5993073e474..48d08719cb1 100644 --- a/src/prebid.js +++ b/src/prebid.js @@ -12,6 +12,7 @@ import { createHook } from 'src/hook'; import { sessionLoader } from 'src/debugging'; import includes from 'core-js/library/fn/array/includes'; import { adunitCounter } from './adUnits'; +import { isRendererRequired, executeRenderer } from './Renderer'; const $$PREBID_GLOBAL$$ = getGlobal(); const CONSTANTS = require('./constants.json'); @@ -248,8 +249,8 @@ $$PREBID_GLOBAL$$.renderAd = function (doc, id) { const creativeComment = document.createComment(`Creative ${bid.creativeId} served by ${bid.bidder} Prebid.js Header Bidding`); utils.insertElement(creativeComment, doc, 'body'); - if (renderer && renderer.url) { - renderer.render(bid); + if (isRendererRequired(renderer)) { + executeRenderer(renderer, bid); } else if ((doc === document && !utils.inIframe()) || mediaType === 'video') { const message = `Error trying to write ad. Ad render call ad id ${id} was prevented from writing to the main document.`; emitAdRenderFail(PREVENT_WRITING_ON_MAIN_DOCUMENT, message, bid); diff --git a/src/secureCreatives.js b/src/secureCreatives.js index 93819518dde..131abcdd865 100644 --- a/src/secureCreatives.js +++ b/src/secureCreatives.js @@ -9,6 +9,7 @@ import { EVENTS } from './constants'; import { isSlotMatchingAdUnitCode } from './utils'; import { auctionManager } from './auctionManager'; import find from 'core-js/library/fn/array/find'; +import { isRendererRequired, executeRenderer } from './Renderer'; const BID_WON = EVENTS.BID_WON; const ERROR_SECURE_CREATIVE = EVENTS.ERROR_SECURE_CREATIVE; @@ -60,9 +61,11 @@ function receiveMessage(ev) { } function sendAdToCreative(adObject, remoteDomain, source) { - const { adId, ad, adUrl, width, height } = adObject; - - if (adId) { + const { adId, ad, adUrl, width, height, renderer } = adObject; + // rendering for outstream safeframe + if (isRendererRequired(renderer)) { + executeRenderer(renderer, adObject); + } else if (adId) { resizeRemoteCreative(adObject); source.postMessage( JSON.stringify({