Denna specifikation är ämnad för producenter av annonsmaterial baserat på HTML5 och som ska användas till digital annonsering på Schibsted. Följande riktlinjer är viktiga för kampanjens framgång och leverans och material som inte följer riktlinjerna kommer därför inte att godkännas. För specifika vikter och storlekar se specifikation under respektive produkt.

GENERELLT
* Alla anslutningar måste göras genom https.
* Det är inte tillåtet att bryta sig ur iframes, s.k. framebusting.
* Vi rekommenderar att materialet max gör 15 requests (bilder, JS-bibliotek, fonter etc.)
* Vid ljus eller vit bakgrund måste materialet ha en svart 1px border.
* Använd inte animationer som tar stor datorkraft, t.ex. javascript-animerade snöfall.
* Animationer får inte vara längre än 30 sekunder.
* Använd CCS-animationer istället för Javascript-animationer i största möjliga utsträckning.
* Materialet får inte ta över sidans scrollfunktion.
* Observera att alla resurser räknas in i annonsvikten utan cache.
* Ska video användas i annonsen, se ytterligare information under Video in Banner.

KLICK
*Vi rekommenderar att 100% av annonsytan är klickbar.
* Klick på annons måste öppnas i ett nytt fönster/flik.

VILLKOR
Schibsted testar alla annonser innan godkännande, detta inkluderar att testa prestandan av annonsmaterial på simulerade system. Följer ni riktlinjerna ovan bör materialet fungera som det ska och således bli godkänt. Väljer ni att producera egna HTML5-annonser utan hjälp från våra certifierade produktionsbolag är det dock ert ansvar att se till att annonsen fungerar. Fungerar inte materialet som det är tänkt lägger vi materialet på en testsida och url skickas därefter tillbaka till produktionsbyrån för egna tester.

SAFEFRAME
På Schibsteds sajter körs annonserna i en så kallad safeframe. Detta görs för att skydda användaren från attacker utförda via annonser. Safeframe innebär kort att annonsen inte kan komma åt övrig sajt utan sajtens tillåtelse. För annonsören innebär det att annonsen t.ex. inte kan se sin position på sidan. För mer information om hur man mäter viewability med safeframe hänvisar vi till IABs riktlinjer: https://www.iab.com/guidelines/safeframe/

KLICK TILL EXTERN WEBBLÄSARE FRÅN APP
Schibsteds appar öppnas alla länkar i en intern webbläsare i appen. Detta görs för att användaren så smidigt som möjligt ska kunna återvända till appen efter besöket på annonsen landningssida. Vill man som annonsör länka ut till telefonens vanliga webbläsare så går det att göra med exempelkoden nedan.

<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>


RIKTLINJER HTML-ZIP
Utöver ovan specifikation som gäller för alla material så ska nedan riktlinjer följas för material som ska laddas upp i Schibsteds annonsserver Appnexus.

- Generellt
* Materialet ska endast innehålla en (1) index.html-fil.
* Alla externa referenser måste vara https.

- Klick
* Vid inlämning av HTML-zip får landningssidan inte vara hårdkodad i annonsen, eftersom Appnexus kräver att den definieras i adservern i samband med uppladdning av materialet. Implementera istället klicken enligt nedan instruktioner:

1. Lägg till följande JavaScript i 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. Addera clickTag variabeln till valfritt element i HTML-koden
Här följer några exempel:

Exempel 1 - div 

<div onclick="window.open(clickTag, '_blank');"></div>

Exempel 2 - JavaScript 

<div id="banner"></div> 
<script> document.getElementById("banner").addEventListener("click", function() {    window.open(clickTag, '_blank'); }, false); 
</script>

Exempel 3 - a href

<a href="javascript:void(0)" onclick="window.open(clickTag, '_blank');">


3. Testa lokalt på datorn genom att öppna upp html filen i önskad webbläsare och sedan addera ?clickTag=http://www.example.com i webbläsarens adressfält, ladda om sidan med den nya adressen och sedan klicka på bannern. Hamnar du på www.example.com fungerar bannern som den ska.

Här finns ett exempelmaterial att ladda ner.

------------------------------------------------------------------------------------------------------------------------------------------

Information in English:
General guidelines for display advertising
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.

GENERALLY
* All connections must be made through https.
* It is not allowed to break out of iframes, s.k. 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: https://www.iab.com/guidelines/safeframe/

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>


GUIDELINES 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 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.