High-impact.js -- Hva det er og hva det betyr for Cavai

Sist oppdatert: 2026-08-18 Kontekst: SeenThis og Madington annonserte High-impact.js 18. august 2026 Repository: https://github.com/get-advantage/advantage Docs: https://www.get-advantage.org Lisens: AGPL-3.0-only

Kort oppsummering

High-impact.js er en merge av to eksisterende open-source-prosjekter: Madingtons Advantage og det danske High Impact JS (fra STEP Network). Cavai bruker allerede Advantage (@get-advantage/advantage ^0.11.0) i Creative-Engine og har bidratt med formatet "Double Midscroll Single Creative" til prosjektet. Vi er allerede kompatible med det som lanseres.

Bakgrunn

Hva er Advantage?

Advantage er en open-source protokoll som standardiserer high-impact annonseformater. Publishere installerer Advantage pa sine sider, og kreativer kommuniserer med publisherens <advantage-wrapper> via en sikker meldingskanal (MessagePort).

Kjerneprinsippet: publisherens wrapper styrer det visuelle formatet (parallax, sticky, scroll-area), mens kreativet styrer innholdet og animasjonene.

Advantage ble laget av Madington og gitt til bransjen som open-source i april 2024.

Hva er High Impact JS?

High Impact JS var en separat, dansk-utviklet losning fra STEP Network. Den hadde stotte for topscroll og midscroll med spesifikke kreative storrelser (f.eks. Midscroll Desktop 970x570, Midscroll Mobile 300x240). SeenThis hadde allerede en integrasjon med High Impact JS for adaptiv videostreaming.

Mergen

De to prosjektene er na merget til ett. I praksis er det Advantage-kodebasen som lever videre:

Beholdt fra Advantage	Beholdt fra High Impact JS
Web Component-engine (`<advantage-wrapper>`)	Deklarativ Slot API (`defineSlot`)
Sikker MessageChannel-meldinger	Ad server plugin-integrasjoner
Formatsystem (Topscroll, Midscroll, etc.)	Template-konfigurasjonssystem
Shadow DOM-isolasjon og UI Layer	One-tag banner / post-message-signaler

HTML-elementet heter fortsatt <advantage-wrapper>, eventer er prefikset advantage:, og TypeScript-APIer bruker Advantage i navnene (f.eks. AdvantageFormatName, AdvantageCreativeMessenger). En fremtidig 2.0-versjon vil rename til highImpactJs-naming, men det er ingen tidslinje pa dette.

Hva Cavai har i dag

Creative-Engine

Pakke: @get-advantage/advantage ^0.11.0
Tjeneste: AdvantageService i src/services/advantageMessenger.ts (singleton)
Initialisering: entry.ts kaller advantageService.initialize() nar enableAdvantage er satt
Script-tilgang: Script-blokker kan bruke ADVANTAGE og ADVANTAGE_FORMAT globalt
Conditional compilation: Advantage-kode strippes fra bygget hvis ikke aktivert

Stottede formater

Format	Scroll Progress	Waypoints	Status
Topscroll	-	-	Produksjon
Midscroll	-	-	Produksjon
Double Midscroll Single Creative	0-1	-	Produksjon
Double Midscroll (to-tags)	-	Ja	Ikke relevant (krever to tagger)
Triple Midscroll	-	Ja	Ikke relevant (krever to tagger)
Welcome Page	-	-	Ikke testet

Application-Frontend

Delivery toggle: enableAdvantage i Vuex delivery store
UI: Checkbox for "Enable Advantage" i Delivery-panelet
Preview: Scroll-simulering for DoubleMidscrollSingleCreative i PreviewIframe, MobileLitePreview og preview-iframe
Tag-generering: enableAdvantage inkluderes i CreativeTagSettings

Bidrag til prosjektet

Nicolay Kjaernet er listet som contributor med bidrag innen kode, dokumentasjon og strategi. Formatet "Double Midscroll Single Creative" ble bidratt av Cavai.

Strategisk vurdering

Er dette en trussel?

Kort svar: Nei, ikke direkte. Cavai bruker allerede Advantage, og High-impact.js er Advantage under nytt navn. Vi er kompatible fra dag en.

Men det er nyanser:

Madington er en konkurrent. De lager high-impact formater, kreativ plattform (Madington Station), og DCO -- alt som overlapper med Cavai. At de posisjonerer seg som eier av "den apne standarden" gir dem en markedsmessig fordel.
SeenThis-partnerskapet gir distribusjon. SeenThis har servet milliarder av videostrommer for 5000+ merker i 50+ land. Med dem som partner far High-impact.js et mye bredere nedslagsfelt enn Advantage hadde alene.
PR-vinkelen utelater oss. Pressemeldingen nevner kun SeenThis og Madington, pluss stottespillere som Bonnier og WPP. Cavai nevnes ikke, til tross for at vi er contributors.

Er dette en mulighet?

Ja, av flere grunner:

Bredere adopsjon = enklere leveranse. Hvis flere publishere adopterer High-impact.js/Advantage, betyr det at Cavai sine kreativer fungerer pa flere sider uten custom integrasjon. Hver ny publisher som installerer standarden er en ny leveringskanal for oss.
Standardisering lofter alle. Det storste hinderet for high-impact har vaert fragmentering -- hver publisher har sin egen losning. En felles standard gjor det enklere for byraer og annonsorer a kjope high-impact, noe som oker totalmarkedet.
Cavais kjerneverdi er beskyttet. High-impact.js standardiserer beholderen (hvordan annonsen plasseres pa publisher-siden). Den erstatter ikke det kreative innholdet -- flow, interaktivitet, formular, video, conversation. Det er Cavais differensiator, og den berores ikke.
Open-source betyr apen tilgang. AGPL-3.0-lisensen sikrer at prosjektet forblir apent. Ingen kan ekskludere Cavai fra a bruke, bygge pa, eller bidra til rammeverket. Madington og SeenThis kan ikke lukke det uten a bryte lisensen og hele troverdigheten sin.

Muligheter vi kan gripe

1. Fortsette a bidra aktivt

Cavai har allerede bidratt med et format. Fortsatt bidrag gir:

Innflytelse over standarden og dens retning
Synlighet i open-source-miljoet
Mulighet til a sikre at standarden utvikler seg i en retning som passer var leveransemodell

2. Automatisere format-valg i plattformen

I dag krever Advantage-oppsett manuell Script-operator. Den planlagte automatiseringen (format-dropdown i Delivery-panelet, auto-initialisering) vil gjore det trivielt for brukere a lage Advantage-kreativer. Se AdvantageAutomation/feasibility.md for full plan.

3. Kommunisere var posisjon

Cavai kan kommunisere utad at vi stotter High-impact.js/Advantage og allerede har bidratt med formater. Dette posisjonerer oss som en del av okosystemet, ikke en utenforstaende.

4. Utforske nye formater

High-impact.js sitt format-system er utvidbart. Cavai kan utvikle og bidra med nye formater som utnytter var styrke innen interaktivitet -- f.eks. et "Conversational Midscroll"-format der brukeren interagerer med en chatbot mens de scroller.

Muligheter vi potensielt kan miste

1. Publisher-relasjoner

Argumentet til High-impact.js er at publishere kan selvhoste koden i stedet for a kjore tredjeparts-scripts. I dag laster Cavai sine annonser fra Cavais servere. Hvis publishere begynner a foretrekke selvhostet kode av sikkerhets- og kontrollhensyn, kan det bli et argument mot Cavais leveransemodell.

Mottiltak: Cavais modell gir fordeler som automatiske oppdateringer, sentralisert analytics, enklere aktivering for byraer, og garantert konsistens. Selvhosting krever at publisheren selv vedlikeholder og oppdaterer kode.

2. Madingtons posisjonering

Madington eier narrativet rundt High-impact.js. De kan bruke denne posisjonen til a:

Favorisere sin egen kreativ-plattform (Madington Station) i docs og eksempler
Vaere "default-anbefalingen" nar publishere spor hvem de skal bruke
Styre roadmap i en retning som passer deres produkter bedre

Mottiltak: Som contributors kan vi folge med pa og pagvirke roadmap. AGPL-lisensen sikrer at koden forblir apen uansett.

3. Format-lock-in

Hvis High-impact.js bare stotter et begrenset sett med formater, og Cavai har behov for formater som ikke dekkes, kan det bli en begrensning.

Mottiltak: Rammeverket er utvidbart, og vi kan bidra med egne formater. Vi har allerede gjort det med Double Midscroll Single Creative.

Konkurranselandskap

Aktor	Type	Tilnaerming
Madington	Direkte konkurrent	Kreativ plattform (Madington Station) + High-impact.js (open source)
SeenThis	Komplementaer	Adaptiv videostreaming, partner pa High-impact.js
Adnami	Direkte konkurrent	Proprietaer SaaS-plattform, hevder 95% dekning blant nordiske publishere
Cavai	Differensiert	Interaktiv kreativ-plattform med flow, forms, conversation. Advantage-kompatibel

Adnami er en storre trussel enn High-impact.js -- de er proprietaere, har bredere publisher-dekning i Norden, og konkurrerer direkte pa leveranse. High-impact.js er et open-source-alternativ til Adnamis proprietaere stack.

Teknisk referanse

Arkitektur

High-impact.js bruker Web Components (<advantage-wrapper>) med Shadow DOM for isolasjon. Kommunikasjon mellom kreativ og wrapper gar via MessageChannel (sikker, opprinnelsesvalidert).

Publisher-side                    Kreativ (iframe)
┌─────────────────────┐          ┌──────────────────┐
│ <advantage-wrapper>  │  ◄────► │ AdvantageCreative │
│   Shadow DOM         │ Message │   Messenger       │
│   Format-logikk      │ Channel │   (Cavai Engine)  │
│   UI Layer           │         │                   │
│   ┌───────────────┐  │         │  ┌──────────────┐ │
│   │ Ad slot       │  │         │  │ Cavai kreativ │ │
│   │ (iframe)      │──┼─────────┼─►│ (flow, blokker│ │
│   └───────────────┘  │         │  │  interaksjon) │ │
│                      │         │  └──────────────┘ │
└─────────────────────┘          └──────────────────┘

Sesjonens livssyklus

Kreativet instansierer AdvantageCreativeMessenger
Kaller startSession() -- returnerer sesjonsobjekt (eller null hvis siden ikke har Advantage)
Sender REQUEST_FORMAT med onsket format
Wrapperen svarer FORMAT_CONFIRMED eller FORMAT_REJECTED
Kreativet fortsetter eller faller tilbake

npm-pakke

@get-advantage/advantage
├── default        (hovedpakke)
├── ./types        (type-definisjoner)
├── ./messaging    (meldingsfunksjonalitet)
├── ./creative     (kreativ-side messenger)
├── ./publisher    (publisher-side responder)
└── ./utils        (hjelpefunksjoner)

Null produksjonsavhengigheter.

Relatert dokumentasjon

Advantage -- Komplett Guide -- Hvordan bygge og levere Advantage-kreativer i Cavai
Advantage -- Meeting Cheat Sheet -- Forklaringer for publisher-moter
Advantage Automation -- Plan for format-dropdown og auto-initialisering
Advantage Midscroll Setup Guide -- Steg-for-steg oppsett
Double Midscroll Debugging -- Feilsoking

Konklusjon

High-impact.js er ikke noe nytt for Cavai -- det er Advantage med ny innpakning og en sterk PR-kampanje. Vi er allerede kompatible, vi har allerede bidratt, og vart kreative produkt berores ikke. Det viktigste a gjore na er a:

Holde @get-advantage/advantage-pakken oppdatert nar nye versjoner kommer
Fortsette a bidra for a beholde innflytelse
Prioritere automatiseringen (format-dropdown) sa det blir enklere for brukere a levere Advantage-formater
Kommunisere utad at Cavai stotter standarden

High-impact.js -- Hva det er og hva det betyr for Cavai ​

Kort oppsummering ​

Bakgrunn ​

Hva er Advantage? ​

Hva er High Impact JS? ​

Mergen ​

Hva Cavai har i dag ​

Creative-Engine ​

Stottede formater ​

Application-Frontend ​

Bidrag til prosjektet ​

Strategisk vurdering ​

Er dette en trussel? ​

Er dette en mulighet? ​

Muligheter vi kan gripe ​

1. Fortsette a bidra aktivt ​

2. Automatisere format-valg i plattformen ​

3. Kommunisere var posisjon ​

4. Utforske nye formater ​

Muligheter vi potensielt kan miste ​

1. Publisher-relasjoner ​

2. Madingtons posisjonering ​

3. Format-lock-in ​

Konkurranselandskap ​

Teknisk referanse ​

Arkitektur ​

Sesjonens livssyklus ​

npm-pakke ​

Relatert dokumentasjon ​

Konklusjon ​