Dagens Interview
Integrer Dagens Designinterview på din hjemmeside
Dagens Interview udgiver en ny feature hver dag. Billedadressen ændrer sig aldrig, men billedet bag den gør, så du tilføjer koden én gang, og dine besøgende ser dagens feature automatisk.
Sådan virker det
Hver dag udgives et nyt billede på én fast adresse. Din side indlæser den adresse, så den altid viser den aktuelle feature, og et klik fører dine besøgende til Dagens Interview, hvor den fulde historie fortælles.
Foretrækker du et script? Tilføj én container og ét script: widgetten tegner den stil, du vælger med data-dotd-variant (image, cta eller card), på sproget i scriptadressen, når det pågældende sprog er tilgængeligt. Hvis du ikke kan køre scripts, kan du bruge HTML-versionen af den samme variant.
Variant A: kun billede
Dagens billede med link til Dagens Interview. Den letteste løsning.
Live forhåndsvisning
<a href="https://interviewoftheday.com/da/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Dagens Designinterview med en dybdegående samtale med en brancheleder" 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=da"></script>Variant B: billede og call to action
Dagens billede med en call to action nedenunder.
Live forhåndsvisning
<a href="https://interviewoftheday.com/da/" 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 Designinterview med en dybdegående samtale med en brancheleder" 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">Oplev Dagens Designinterview</span>
</a><div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=da"></script>Variant C: Bootstrap-kort
Et Bootstrap-kort med billedet, featurens titel, et kort afsnit og en call to action-knap. Din side skal bruge Bootstrap.
Live forhåndsvisning
<div class="card" style="max-width:24rem">
<a href="https://interviewoftheday.com/da/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Dagens Designinterview med en dybdegående samtale med en brancheleder" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Dagens Designinterview</h5>
<p class="card-text">A' Design Award præsenterer dagligt et interview med en designer, arkitekt eller kreativ professionel i verdensklasse som Dagens Designinterview, med udforskning af deres baggrund, designfilosofi, kreative proces og syn på fremtidens design.</p>
<a href="https://interviewoftheday.com/da/" class="btn btn-danger" target="_blank" rel="noopener">Oplev Dagens Designinterview</a>
</div>
</div><div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=da"></script>Mulighed 3: JSON
Til udviklere, apps og automatisering. JSON-dataene indeholder navnet, beskrivelsen, billedadressen, links og datoen. Cross-origin-anmodninger er tilladt.
fetch("https://interviewoftheday.com/feature.json?lang=da")
.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 Interview",
"feature": "Dagens Designinterview",
"paragraph": "A' Design Award præsenterer dagligt et interview med en designer, arkitekt eller kreativ professionel i verdensklasse som Dagens Designinterview, med udforskning af deres baggrund, designfilosofi, kreative proces og syn på fremtidens design.",
"description": "Dagens Interview præsenterer daglige interviews med designere, arkitekter og kreative professionelle i verdensklasse, anerkendt af den højt prestigefyldte A' Design Award and Competition, med udforskning af baggrunde, professionelle erfaringer, designfilosofier, kreative processer, projekter og førende designeres perspektiver på fremtidens design.",
"call_to_action": "Oplev Dagens Designinterview",
"date": "2026-11-08",
"language": "da",
"image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
"image_alt": "Dagens Designinterview med en dybdegående samtale med en brancheleder",
"url": "https://interviewoftheday.com/da/",
"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/da/feature/"
}Godt at vide
- Behold linket omkring billedet, så dine besøgende kan opdage den fulde feature.
- Brug altid billedadressen vist ovenfor, og gem ikke en kopi, så din side altid er opdateret.
- Billedet er responsivt: det bliver aldrig bredere end sin container.
- Har du brug for hjælp eller et tilpasset format? Kontakt os gerne.