This specification is intended for producers of advertising material based on HTML5 and which will be used for digital advertising at Schibsted. The following guidelines are important for the success of the campaign and its delivery. Therefore materials that do not follow the guidelines will not be approved. For specific weights and sizes, see specification under each product.
- All connections must be made through https.
It is not allowed to break out of iframes, so called framebusting. - We recommend that the material makes a maximum of 15 requests (images, JS library, fonts, etc.)
- For light or white backgrounds, the material must have a black 1px border.
- Do not use animations that take a lot of computer power, e.g. javascript-animated snowfall.
- Animations must not be longer than 30 seconds.
- Use CCS animations instead of Javascript animations as much as possible.
- The material must not take over the scroll function of the page.
- Please note that all resources are included in the ad weight without cache.
- If video is to be used in the advertisement, see further information under Video in Banner.
Click
We recommend that 100% of the ad space is clickable.
Click on ad must open in a new window / tab.
Terms
Schibsted tests all ads before approval, this includes testing the performance of advertising material on simulated systems. If you follow the guidelines above, the material should work as it should and thus be approved. If you choose to produce your own HTML5 ads without the help of our certified production companies, however, it is your responsibility to ensure that the ad works. If the material does not work as intended, we place the material on a test page and the url is then sent back to the production agency for our own tests.
Safeframe
On Schibsted’s sites, the ads are run in a so-called safeframe. This is done to protect the user from attacks performed through advertisements. In short, Safeframe means that the ad cannot access the rest of the site without the site’s permission. For the advertiser, this means that the ad e.g. can not see its position on the page. For more information on how to measure viewability with safeframe, please refer to IAB’s guidelines.
Click for external browser from app
Schibsted’s apps open all links in an internal browser in the app. This is done so that the user can return to the app as smoothly as possible after visiting the ad landing page. If you as an advertiser want to link to the phone’s regular browser, you can do so with the example code below.
<script src="https://acdn.adnxs.com/mobile/anjam/anjam.js"></script> <div id="banner" onclick="openLink()"></div> <script> var clickTag = "https://example.com"; function openLink() { if (anjam.ready) { //Banner is in app anjam.ExternalBrowser(clickTag); } else{ //Banner is in web window.open(clickTag, "_blank"); } } </script>
HTML ZIP
In addition to the above specification that applies to all materials, the following guidelines must be followed for materials that are to be uploaded to Schibsted’s advertising server Appnexus.
Generally
The material should only contain one (1) index.html file.
All external references must be https.
Click
When submitting HTML zip, the landing page must not be hard-coded in the ad, as Appnexus requires that it be defined in the ad server in connection with uploading the material. Instead, implement the clicks according to the instructions below:
1. Add the following JavaScript to index.html
<script type="text/javascript"> function getParameterByName(name) { var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search); return match && decodeURIComponent(match[1].replace(/\+/g, ' ')); } var clickTag = getParameterByName('clickTag'); </script>
2. Add the clickTag variable to any element in the HTML code
Here are some examples:
Example 1 – div
<div onclick="window.open(clickTag, '_blank');"></div>
Example 2 – JavaScript
<div id="banner"></div> <script> document.getElementById("banner").addEventListener("click", function() { window.open(clickTag, '_blank'); }, false); </script>
Example 3 – a href
<a href="javascript:void(0)" onclick="window.open(clickTag, '_blank');">
3. Test
Test locally on the computer by opening the html file in the desired browser and then adding
?ClickTag = http: //www.example.com in the browser’s address bar, reloading the page with the new address and then clicking on the banner. If you end up on www.example.com, the banner works as it should.
Here is an example material to download.
Third-Party Tags
In most cases, it is possible to use third-party tags when advertising on Schibsted, see specification of each product for the possibility of using third-party tags.
Third-party tags mean that the ad is hosted on an external server and that Schibsted receives a code to book into the advertising space. When a call to the ad system is answered by the campaign, the code in question will run on the page and the ad it points to will appear.
The same general guidelines that apply to display advertising apply to third-party ads.
See approved third-party players for advertising on Schibsted here.
Video In Banner
NOTE! Not to be confused with Outstream which must be produced by Schibsted Production. Note that a video in banner must be produced in HTML5, we can not accept pure MP4 files. Schibsted only measures clicks, impressions and viewability for video in banners.
The guidelines that apply to all display ads must be followed, in addition to these, the following must also be followed:
- Video in a banner must be uploaded only when the editorial content on the site has finished loading, with so-called polite file loading. This is done by listening to the javascript event window.onload.
- The video must not play audio automatically, or be activated via mouse-over.
- The video must not have an audio channel at initial load for ads to go on the mobile. If the user clicks on the banner, it is allowed to upload a new video with an audio channel. This is important because if the audio channel is initially included, other applications that are running at the same time, such as Spotify, can have the audio turned off.
- The video element must always have playsinline webkit-playsinline in order not to open in full screen.
Example: <video src = ”video.mp4” playsinline webkit-playsinline /> - MP4 file format with encoding H.264 and baseline profile is recommended.
AAC encoding is recommended for audio. The combination MP4 and H.264 with AAC audio works well across most devices. - Streaming techniques such as HLS and MPEG-DASH are recommended for higher quality video, provided the ad itself selects the correct streaming quality based on the device’s load and internet speed.
- Schibsted denies ads that do not take into account the device’s load and internet speed.
File weights
The regular file weights of the format (eg panorama) still apply, but in addition to the regular file weight, there is additional leeway for the film if it is to be played automatically (always done with polite load):
Desktop/Tablet: 1000 kb
Mobile: 500 kb
For example, a Video-in-banner for Desktop, Panorama 980×240, must weigh a maximum of 200kb initial load (before the site loads completely), a maximum of 1000kb polite load (after the onload event). For video to be played after clicks from the user, there is no limit, but it is important that you then make sure that the video has not been uploaded before that.