• Storlek: max 200 kB

• CPU-användning: Max 8% i genomsnitt på 1 CPU-kärna på en standarddator (ca 2 GHz). (Upp mot 50% är dock OK under några få sekunder, eller vid användarinteraktion.)

• Vi tillåter inte banners som spelar upp ljud annat än vid användarinteraktion med bannern.

Vi tillåter HTML-banners som innehåller javascript, men normalt har vi restriktionen att bannern inte ska modifiera sidans innehåll utanför annonsens område. Det vill säga om ni önskar skapa olika former av overlays och popups, vill vi att ni kontaktar oss först så att vi får godkänna detta

HTML5

Denna specifikation är ämnad för producenter av annonsmaterial baserat på HTML5 och som ska användas till digital annonsering på Prisjakt. 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

Prisjakt 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å Prisjakts 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

I Prisjakts 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-ZIPUtöver ovan specifikation som gäller för alla material så ska nedan riktlinjer följas för material som ska laddas upp i Prisjakts annonsserver Xandr.

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

2. Addera clickTag variabeln till valfritt element i HTML-koden

Här följer några exempel:

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

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.

Format och priser

Specifikationer