/
Preview Implementation

Preview Implementation

Owned by Sebastian Perez (Unlicensed)
Mar 07, 2018

The Preview format can be implemented in e-planning in two different ways. They both require a Flash format creative, preferable one of 770x530 pixels in size.


• The first and easiest way of implementation is to follow these steps:

1. Click on “Add ad”.
2. Choose “Flash Layer” format.
3. Complete all the requested details.
4. Click on “Edit ad attributes”.
5. Choose “Interstitial” among the display effects.
6. Select if the Flash creative should expand until reaching the screen’s size or if the creative’s size should be left untouched, with a white background covering the rest of the screen.

• The second manner to implement the Preview format is more complex and does not constitute the recommended one, unless you need to add different texts, links, etc., to the image that will be displayed as Preview. The implementation is made by means of the creation of two campaigns, each one associated to a different space, namely:

Redirecting Campaign

It contains all the restrictions inherent in the campaign (i.e. number of impressions, caps by user, time targeting, country targeting, browser targeting, and so on). This campaign must include a single Layer format banner associated to it, with the following JavaScript code:

<script language='JavaScript'>
var rnd = (new String(Math.random())).substring(2,8) + (((new Date()).getTime()) & 262143);
if (eplHasCookies() && !eplHasNoTag()) {
document.location = 'AD_URL';
}

function eplHasCookies() {
var cookieEnabled = (navigator.cookieEnabled)? true : false;
// If not IE4+ or NS6+
if (typeof navigator.cookieEnabled == 'undefined' && !cookieEnabled) {
document.cookie = 'testcookie';
cookieEnabled = (document.cookie == 'testcookie') ? true : false;
document.cookie = '';
}

return cookieEnabled;
}

function eplHasNoTag() {
var url = window.location;
var query = new String(url.search);

return (query.indexOf('eplNoTag') != -1);
}
</script>



It is important to highlight that the only interesting aspect of this banner is the JavaScript code, and this is why the creative to be uploaded is insignificant (it could be an invisible 1x1 Flash banner or a non-existent remote banner, since the image will NEVER be requested).

Another point to consider is that the AD_URL must be replaced by the address where the ad page is hosted. This ad page details appear in the second type of campaign described below.


Ad Campaign

It is a sponsor type campaign with no restrictions. This campaign must be run in a variable size space and it must include a single Flash banner. Moreover, in order to implement the campaign correctly, you must upload the following HTML page to the client’s server, under the name of “AD_URL” (client’s choice).

The HTML page code is the following:

<html>
<head>
<title>Advertising space</title>
<script language='JavaScript'>
<!--
function eplRedirectHome() {
document.location = 'URL_HOME?eplNoTag=1';
}

var eplIntroTimeout = setTimeout(eplRedirectHome, 8000);
// -->
</script>
</head>
<body style='background-color: #000000;' topmargin='0' leftmargin='0'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='100%' align='center' style='padding-top: 20px;'>
SPACE_AD_CODE
</td>
</tr>
</table>
<p align='center'><a style='color: #ffffff; font-family:verdana; font-size:10px' href='#' onClick='eplRedirectHome();'>Skip introduction<a/></p>
</body>
</html>


Observations

SPACE_AD_CODE: This corresponds to the JavaScript code of the space associated to the second campaign.
URL_HOME: Home page URL where the first campaign’s space code is included (redirecting campaign).

Related content