Dagens intervju
Bygg inn Dagens designintervju på nettstedet ditt
Dagens intervju publiserer en ny presentasjon hver dag. Bildeadressen endres aldri, men bildet bak den gjør det – så du legger inn koden én gang, og besøkende ser dagens presentasjon automatisk.
Slik fungerer det
Hver dag publiseres et nytt bilde på én fast adresse. Siden din laster den adressen, slik at den alltid viser den aktuelle presentasjonen, og et klikk tar besøkende til Dagens intervju hvor hele historien fortelles.
Foretrekker du et skript? Legg til én beholder og ett skript: widgeten tegner stilen du velger med data-dotd-variant (image, cta eller card), på språket i skriptadressen når det språket er tilgjengelig. Hvis du ikke kan kjøre skript, bruk HTML-versjonen av samme variant.
Variant A: kun bilde
Dagens bilde, lenket til Dagens intervju. Det letteste alternativet.
Direktevisning
<a href="https://interviewoftheday.com/nb/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Dagens designintervju med dybdesamtale med en bransjeleder" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="image"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=nb"></script>
Variant B: bilde og handlingsknapp
Dagens bilde med en handlingsknapp under.
Direktevisning
<a href="https://interviewoftheday.com/nb/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
<img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Dagens designintervju med dybdesamtale med en bransjeleder" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
<span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">Oppdag Dagens designintervju</span>
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=nb"></script>
Variant C: Bootstrap-kort
Et Bootstrap-kort med bildet, tittelen på presentasjonen, et kort avsnitt og en handlingsknapp. Siden din trenger Bootstrap.
Direktevisning
<div class="card" style="max-width:24rem">
<a href="https://interviewoftheday.com/nb/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Dagens designintervju med dybdesamtale med en bransjeleder" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Dagens designintervju</h5>
<p class="card-text">A' Design Award presenterer et daglig intervju med en designer, arkitekt eller kreativ fagperson i verdensklasse som Dagens designintervju, og utforsker deres bakgrunn, designfilosofi, kreative prosess og syn på fremtidens design.</p>
<a href="https://interviewoftheday.com/nb/" class="btn btn-danger" target="_blank" rel="noopener">Oppdag Dagens designintervju</a>
</div>
</div>
<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=nb"></script>
Alternativ 3: JSON
For utviklere, apper og automatisering. JSON-en inneholder navnet, beskrivelsen, bildeadressen, lenkene og datoen. Forespørsler på tvers av domener er tillatt.
fetch("https://interviewoftheday.com/feature.json?lang=nb")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});
Eksempel på svar
{
"domain": "interviewoftheday.com",
"name": "Dagens intervju",
"feature": "Dagens designintervju",
"paragraph": "A' Design Award presenterer et daglig intervju med en designer, arkitekt eller kreativ fagperson i verdensklasse som Dagens designintervju, og utforsker deres bakgrunn, designfilosofi, kreative prosess og syn på fremtidens design.",
"description": "Dagens intervju presenterer daglige intervjuer med designere, arkitekter og kreative fagpersoner i verdensklasse anerkjent av den svært prestisjetunge A' Design Award and Competition, og utforsker bakgrunnen, de profesjonelle erfaringene, designfilosofiene, de kreative prosessene, prosjektene og perspektivene til ledende designere om fremtidens design.",
"call_to_action": "Oppdag Dagens designintervju",
"date": "2026-11-08",
"language": "nb",
"image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
"image_alt": "Dagens designintervju med dybdesamtale med en bransjeleder",
"url": "https://interviewoftheday.com/nb/",
"feature_url": "https://competition.adesignaward.com/design-interview-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-interviews-of-the-days.php",
"embed_url": "https://interviewoftheday.com/nb/presentasjon/"
}
Godt å vite
- Behold lenken rundt bildet, slik at besøkende kan oppdage hele presentasjonen.
- Bruk alltid bildeadressen som vises ovenfor, og ikke lagre en kopi, slik at siden din holder seg oppdatert.
- Bildet er responsivt: det blir aldri bredere enn beholderen sin.
- Trenger du hjelp eller et tilpasset format? Vennligst kontakt oss.