Kärkimedia

HTML5-säännöt: Kärkimedia. Vaatimukset riippuvat mainospalvelimesta, joka näyttää kunkin mainosmuodon.

Osaa tämän julkaisijan säännöistä vahvistetaan vielä. Ei vahvistettu -merkityt säännöt eivät voi hylätä tiedostoa.

Mainosmuodot

Mainosmuoto	Koot	Enimmäiskoko	Hyväksytyt tiedostomuodot	Lähde
Parade	980 × 400, 300 × 300	200 kB · alkulataus	jpg, png, html5, third-party-tag	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Image 200 kb (980x400) / 100 kb (300x300); HTML5 initial 200 kb. Avaa lähde ↗
Vertical parade	300 × 600	200 kB · alkulataus	jpg, png, html5, third-party-tag	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Image 100 kb; HTML5 initial 200 kb. Avaa lähde ↗
Parade + vertical parade	980 × 400, 300 × 600	200 kB · alkulataus	jpg, png, html5, third-party-tag	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Images 200/100 kb; HTML5 initial 200 kb. Avaa lähde ↗
Maxi banner + vertical parade	980 × 552, 300 × 600	200 kB · alkulataus	jpg, png, html5, third-party-tag	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Images 200/100 kb; HTML5 initial 200 kb. Avaa lähde ↗
Giant box	468 × 400, 300 × 300	200 kB · alkulataus	jpg, png, html5, third-party-tag	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Image 100 kb; HTML5 initial 200 kb. Avaa lähde ↗
Box	300 × 250	200 kB · alkulataus	jpg, png, html5, third-party-tag	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Image 100 kb; HTML5 initial 200 kb. Avaa lähde ↗

Toimitustavat

Google Ad Manager · HyväksytäänHTML5 for GAM: clickTag in <head>, link in body via javascript:void(window.open(clickTag)).
AVirallinen vaatimus. Lähdetiedot
Lähde
Cross-screen display, material guidelines
Vahvistustapa
Luettu suoraan
Vahvistettu
15.10.2026
HTML5 for GAM: clickTag in <head>, link in body via javascript:void(window.open(clickTag)).
Avaa lähde ↗
Equativ (formerly Smart AdServer) · HyväksytäänHTML5 for Equativ: sas-clicktag-3.1.js in <head>, clickTag script in <body>.
AVirallinen vaatimus. Lähdetiedot
Lähde
Cross-screen display, material guidelines
Vahvistustapa
Luettu suoraan
Vahvistettu
15.10.2026
HTML5 for Equativ: sas-clicktag-3.1.js in <head>, clickTag script in <body>.
Avaa lähde ↗
Xandr · HyväksytäänXandr for Aamulehti, Satakunnan Kansa Länsi-Suomi and Helsingin Sanomat, with Sanoma's ClicksApi.js.
AVirallinen vaatimus. Lähdetiedot
Lähde
Cross-screen display, material guidelines
Vahvistustapa
Luettu suoraan
Vahvistettu
15.10.2026
Xandr for Aamulehti, Satakunnan Kansa Länsi-Suomi and Helsingin Sanomat, with Sanoma's ClicksApi.js.
Avaa lähde ↗
Ristiriita
Kolmannen osapuolen tagi · HyväksytäänDesktop material behind a tag must be in iframe format.
AVirallinen vaatimus. Lähdetiedot
Lähde
Cross-screen display, material guidelines
Vahvistustapa
Luettu suoraan
Vahvistettu
15.10.2026
Desktop material behind a tag must be in iframe format.
Avaa lähde ↗

Klikkaustavat

Google Ad Manager clickTag

Klikkausmuuttuja

clickTag · lisäalueet: clickTag2, clickTag3 · kirjainkoko merkitsee

AVirallinen vaatimus

Lähde: Ad Manager API: CreativeService.ClickTag (v202511) · HTML5 guidelines for Ad Manager
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

API: click tag names follow the regex clickTag\d*.

Avaa lähde ↗

Ristiriita

Määritelty

head

<head>
   <meta name="ad.size" content="width=300,height=250">
   <script type="text/javascript">
      var clickTag = "http://www.google.com";
   </script>
</head>

AVirallinen vaatimus

Lähde: HTML5 guidelines for Ad Manager
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

Insert click tags in the <head>; no minification or obfuscation of click tags (minify the rest if you like).

Avaa lähde ↗

Klikkaustagien vähimmäismäärä

AVirallinen vaatimus

Lähde: Traffic HTML5 creatives (Ad Manager)
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

At least one standard click tag.

Avaa lähde ↗

Koodimalli

<a href="javascript:void(window.open(clickTag))">

AVirallinen vaatimus

Lähde: HTML5 guidelines for Ad Manager
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

Use the clickTag variable as the destination.

Avaa lähde ↗

Kovakoodatut kohdeosoitteet

Ei sallittu

AVirallinen vaatimus

Lähde: HTML5 guidelines for Ad Manager
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

Hard-coded URLs prevent click tracking and URL updates; Ad Manager warns on upload.

Avaa lähde ↗

Etusija

Ad-level click-through settings override creative click tags; URLs can be changed after upload

AVirallinen vaatimus

Lähde: HTML5 guidelines for Ad Manager
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

Precedence.

Avaa lähde ↗

Equativ click counting library (hosted insertions)

Pakollinen kirjasto

//ns.sascdn.com/diff/templates/js/banner/sas-clicktag-3.1.js · head of index.html

AVirallinen vaatimus

Lähde: Manage click counting
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

Add the click counting library to the <head> of the main index.html.

Avaa lähde ↗

Klikkausmuuttuja

clickTag · lisäalueet: clickTag0, clickTag1, clickTag2

AVirallinen vaatimus

Lähde: Manage click counting
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

Single: var clickTag (optional; var clickTag="" if unused). Multiple: clickTag0, clickTag1, clickTag2 ...; numbering must begin with clickTag0, otherwise clicks are not counted properly.

Avaa lähde ↗

Koodimalli

method 1 (not rendered in the page text) | method 2: assign href after sas.clicktag.register(init) completes  |  example: clickArea.onclick = function(){ window.open(clickTag, "blank"); }

AVirallinen vaatimus

Lähde: Manage click counting · Cross-screen display, material guidelines
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

With method 2 the library must replace clickTag variables before the ad renders.

Avaa lähde ↗

Toiminta

With multiple clickTags leave the insertion's Click URL field empty (it overrides all clickTags); reports show only the sum of clicks; clctenc= (0-3) sets click URL encoding for third-party systems.

AVirallinen vaatimus

Lähde: Manage click counting
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

Trafficking notes.

Avaa lähde ↗

Useita klikkauksia sovelluksissa

Ei tuettu

AVirallinen vaatimus

Lähde: Manage click counting
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

Multiple clickthrough URLs are not compatible with in-app (SDK) environments.

Avaa lähde ↗

SanomaClicksApi (legacy, superseded 2026-03-25)

Koodimalli

<script src="https://sn.sanoma.fi/js/ClicksApi.js"></script> in <head>; SanomaClicksApi.openClickUrl('https://...') / openClickTag()

AVirallinen vaatimus

Lähde: Cross-screen display, material guidelines · Click events in Google Web Designer project (PDF, 2021)
Vahvistustapa: Luettu suoraan
Vahvistettu: 15.10.2026

Still shown on Kärkimedia's page for Aamulehti, Satakunnan Kansa and Helsingin Sanomat (served by Xandr); superseded by Sanoma's clickTag instructions effective 2026-03-25.

Avaa lähde ↗

Julkaisijan säännöt

Ominaisuus	Sääntö	Lähde
Pää-HTML-tiedosto	index.html	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 index.html in the root of the ZIP, not in a subfolder; CSS and images may be in subfolders. Avaa lähde ↗
Tiedostonimet paketissa	on vastattava mallia ^[A-Za-z0-9_\-/]+(\.[A-Za-z0-9]+)?$	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 No dots (other than the extension), special characters or umlauts in file names. Avaa lähde ↗
Kuvatyypit	jpg, jpeg, png, gif	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Images in jpg, jpeg, png or gif. Avaa lähde ↗
Videotiedoston koko	≤ 50 MB	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Video max 50 MB; formats mp4, m4v, wmv, m4a, avi, webm, 3gp, ogg, mp3, aac, ogv, m3u8. Avaa lähde ↗
Kaikki HTTPS-yhteydellä	Pakollinen	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Resource URLs SSL-protected; all materials and tracking pixels HTTPS. Avaa lähde ↗
Klikkaus avautuu	_blank	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Open clicks in a new browser window (_blank). Avaa lähde ↗ Ristiriita
Klikkausalueet	1	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 One link; the entire ad is the clickable area (parade, vertical parade, boxes). Avaa lähde ↗
Kolmannen osapuolen seurantakoodit	≤ 1 tags	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 One third-party tracker allowed; click tracking can also be in the destination URL. Avaa lähde ↗
Alkulataus	≤ 200 KB	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 HTML5 initial load 200 kb for all listed formats. Avaa lähde ↗
Rajojen kiertäminen lataajilla tai tageilla	Ei sallittu	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Weight limits can't be bypassed with loaders or 3rd-party tags; only explicit user activation may exceed them. Avaa lähde ↗
Ääni ja animaatio alkavat	Vain hiiren viennillä tai klikkauksella	AVirallinen vaatimus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Animation and sound allowed only when activated by hover or click. Avaa lähde ↗
Osoitinkursori klikattavilla alueilla	Pakollinen	BVirallinen suositus. Lähdetiedot Lähde Cross-screen display, material guidelines Vahvistustapa Luettu suoraan Vahvistettu 15.10.2026 Add onmouseover cursor:pointer on the click area. Avaa lähde ↗

Lähteet

Cross-screen display, material guidelines · KärkimediaLuettu suoraan · 15.10.2026