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å kallad 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.

Klick till extern webbläsare från app

I 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 exemplet av kod nedan.

I 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 exemplet av kod 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>

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

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');">

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 klicka sedan på bannern. Hamnar du på www.example.com fungerar bannern som den ska.

Här finns ett exempelmaterial att ladda ned.

Tredjepartstaggar

Det är i de flesta fall möjligt att använda sig av tredjepartstaggar vid annonsering på Schibsted, se specifikation på respektive produkt för möjligheten till användning av tredjepartstaggar.

Tredjepartstaggar innebär att annonsen hostas på en extern server och att Schibsted får en kod att boka in på annonsutrymmet. När ett anrop till annonssystemet besvaras av kampanjen kommer koden ifråga att köras på sidan och annonsen som denna pekar på kommer att visas.
Samma generella riktlinjer som gäller för displayannonsering gäller för tredjepartsannonser.

Se godkända tredjepartsaktörer för annonsering på Schibsted här.

Video In Banner

OBS! Ej att förväxlas med Outstream som måste produceras av Schibsted Production. Notera att en video in banner ska produceras i HTML5, vi kan ej ta emot rena MP4-filer. Schibsted mäter endast klick, impression och viewability för video in banners.

Riktlinjerna som gäller för alla displayannonser ska följas, utöver dessa ska även nedan följas:

  • Video i en banner ska laddas in först när det redaktionella innehållet på sajten laddat klart, med så kallad polite filladdning. Detta görs genom att lyssna på javascripteventet window.onload.
  • Videon får inte spela upp ljud automatiskt, eller aktiveras via mouse-over.
  • Videon får inte ha en ljudkanal vid initial load för annonser som ska gå i mobilen. Om användaren klickar på bannern så är det tillåtet att ladda in en ny video med en ljudkanal. Detta är viktigt på grund av att om ljudkanal finns med initialt kan andra applikationer som är igång samtidigt, som tex Spotify, få ljudet avstängt.
  • Video-elementet måste alltid ha playsinline webkit-playsinline för att inte öppnas i fullskärm.
    Exempel: <video src=”video.mp4″ playsinline webkit-playsinline />
  • Filformatet MP4 med kodning H.264 och baseline-profil rekommenderas.
  • AAC kodning rekommenderas för ljud. Kombinationen MP4 och H.264 med AAC ljud fungerar bra över de flesta enheter.
  • Strömningstekniker så som HLS och MPEG-DASH rekommenderas för att få högre kvalitet på videon, förutsatt att annonsen själv väljer rätt strömningskvalité utifrån enhetens belastning och internethastighet.
  • Schibsted nekar annonser som inte tar hänsyn till enhetens belastning och internethastighet.

Filvikter
Formatets (exempelvis panorama) ordinarie filvikt gäller fortfarande, men utöver ordinarie filvikt finns ytterligare spelrum för filmen om den ska spelas automatiskt (görs alltid med polite load):

Desktop/tablet:1000 kb
Mobil: 500 kb

Exempelvis ska en Video-in-banner Desktop Panorama 980×240 väga max 200 kb initial load (innan sajten laddat klart), max 1000 kb polite load (efter onload-eventet). För video som ska spelas upp efter klick från användaren finns ingen begränsning, men viktigt att man då ser till att videon inte laddats in innan dess.