Bannerhantering på Mediahuset
När du annonserar på våra webbplatser använder vi ett uppdaterat bannerformat som kombinerar en tydlig bildyta och en utfällbar textdel. Här hittar du all information du behöver för att skapa och leverera materialet till oss.
Annonsmaterial skickas till annonser@mediahuset.se och skall helst vara oss tillhanda minst 7 dagar före planerad publiceringstid tillsammans med information gällande vidarelänkning.
Vi kan även vara behjälpliga med materialproduktion om så önskas. Hör av er på ovan mail så hjälper vi er även med det!
Banner i nyhetsbrev
För annonser i våra nyhetsbrev gäller enklare bannerformat utan HTML-innehåll, eftersom e-postklienter inte tillåter interaktiva element.
Specifikationer:
- Format: 240 × 240 px eller 180 × 500 px
- Filtyp: GIF (animerad eller statisk)
- Ingen HTML- eller textfil används
- Max filstorlek: ca 150 kB (rekommenderat)
Banner på våra hemsidor
På våra hemsidor kan man välja att antingen enbart annonsera med GIF-banner eller med en HTML-banner. HTML-banners består av två delar:
Bildyta (240 × 240 px): Här visas din produktbild eller animation (GIF-format). Hela ytan är klickbar och leder till den landningssida du anger.
Textyta (60 px): Här visas en kort förhandsvisning av produkttexten samt en länk: ”Visa all produktinformation →” När besökaren klickar öppnas den fullständiga texten i en liten ruta direkt i bannern.
- Total storlek: 240 × 300 px
- Filformat: GIF (endast)
- Max filstorlek: ca 150 kB (rekommenderat)
Material
För att vi ska kunna bygga bannern behöver vi tre delar:
GIF-bild (240×240 px)
- Filnamn: t.ex. produkt.gif
- Animerad GIF går bra.
- Hela ytan används utan beskärning.
Textfil (HTML-format)
- Filnamn: produkt.txt
- Innehåller produkttexten (HTML-kod).
- Tillåtna taggar: p, br, strong/b, em/i, a, ul/ol/li, h1–h4.
- Ej tillåtet: skript, inline-event, eller inbäddad CSS.
- Förhandsvisningen består av de första ca 80–100 tecknen av texten.
Landnings-URL
- Ange länken som besökaren ska komma till vid klick på bannern.
- Vi stödjer både window.clickTag och ?clickTag= i URL:en.
Exempel på textinnehåll
<h3>Produkt X</h3>
<p><strong>Viktig info:</strong> Kliniskt utvärderad. Läs mer på <a href="https://exempel.se">exempel.se</a>.</p>
<ul>
<li>Snabb effekt</li>
<li>Väl dokumenterad</li>
</ul>
För bästa läsbarhet rekommenderar vi:
- Förhandsvisning: 8 px sans-serif, radavstånd ~1.3
- Full text: 11 px sans-serif, radavstånd ~1.4
Tips
- Håll filstorleken låg för snabb laddning.
- Undvik alltför mycket text i bilden – använd den utfällbara textytan i stället.
- Övriga format (t.ex. nyhetsbrev eller andra bannerstorlekar) har separata specifikationer.
Frågor?
Har du frågor eller vill stämma av något innan leverans?
Kontakta oss gärna på annonser@mediahuset.se