Interview des Tages
Einbetten: Designinterview des Tages auf Ihrer Website
Interview des Tages veröffentlicht jeden Tag einen neuen Beitrag. Die Bildadresse bleibt immer gleich, doch das Bild dahinter wechselt – Sie fügen den Code einmal ein, und Ihre Besucher sehen automatisch den aktuellen Beitrag.
So funktioniert es
Jeden Tag wird ein neues Bild unter einer festen Adresse veröffentlicht. Ihre Seite lädt diese Adresse, zeigt also immer den aktuellen Beitrag, und ein Klick führt Ihre Besucher zu Interview des Tages, wo die vollständige Geschichte erzählt wird.
Lieber ein Skript? Fügen Sie einen Container und ein Skript hinzu: Das Widget zeichnet die Variante, die Sie mit data-dotd-variant wählen (image, cta oder card), in der Sprache der Skriptadresse, sofern diese Sprache verfügbar ist. Falls Sie keine Skripte ausführen können, verwenden Sie die HTML-Version derselben Variante.
Variante A: nur Bild
Das heutige Bild, verlinkt mit Interview des Tages. Die leichteste Option.
Live-Vorschau
<a href="https://interviewoftheday.com/de/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="Designinterview des Tages mit einem ausführlichen Gespräch mit einer führenden Persönlichkeit der Branche" 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=de"></script>Variante B: Bild und Handlungsaufforderung
Das heutige Bild mit einer Handlungsaufforderung darunter.
Live-Vorschau
<a href="https://interviewoftheday.com/de/" 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="Designinterview des Tages mit einem ausführlichen Gespräch mit einer führenden Persönlichkeit der Branche" 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">Designinterview des Tages entdecken</span>
</a><div data-dotd="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=de"></script>Variante C: Bootstrap-Karte
Eine Bootstrap-Karte mit dem Bild, dem Titel des Beitrags, einem kurzen Absatz und einem Aktionsbutton. Ihre Seite benötigt Bootstrap.
Live-Vorschau
<div class="card" style="max-width:24rem">
<a href="https://interviewoftheday.com/de/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" class="card-img-top" alt="Designinterview des Tages mit einem ausführlichen Gespräch mit einer führenden Persönlichkeit der Branche" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Designinterview des Tages</h5>
<p class="card-text">A' Design Award präsentiert täglich ein Interview mit einem Designer, Architekten oder Kreativprofi von Weltrang als Designinterview des Tages und beleuchtet ihren Werdegang, ihre Designphilosophie, ihren kreativen Prozess und ihre Sicht auf die Zukunft des Designs.</p>
<a href="https://interviewoftheday.com/de/" class="btn btn-danger" target="_blank" rel="noopener">Designinterview des Tages entdecken</a>
</div>
</div><div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=de"></script>Option 3: JSON
Für Entwickler, Apps und Automatisierung. Das JSON enthält den Namen, die Beschreibung, die Bildadresse, die Links und das Datum. Cross-Origin-Anfragen sind erlaubt.
fetch("https://interviewoftheday.com/feature.json?lang=de")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Beispielantwort
{
"domain": "interviewoftheday.com",
"name": "Interview des Tages",
"feature": "Designinterview des Tages",
"paragraph": "A' Design Award präsentiert täglich ein Interview mit einem Designer, Architekten oder Kreativprofi von Weltrang als Designinterview des Tages und beleuchtet ihren Werdegang, ihre Designphilosophie, ihren kreativen Prozess und ihre Sicht auf die Zukunft des Designs.",
"description": "Interview des Tages präsentiert täglich Interviews mit Designern, Architekten und Kreativprofis von Weltrang, die vom äußerst renommierten A' Design Award and Competition gewürdigt wurden, und beleuchtet den Werdegang, die beruflichen Erfahrungen, Designphilosophien, kreativen Prozesse und Projekte führender Designer sowie ihre Sicht auf die Zukunft des Designs.",
"call_to_action": "Designinterview des Tages entdecken",
"date": "2026-11-08",
"language": "de",
"image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
"image_alt": "Designinterview des Tages mit einem ausführlichen Gespräch mit einer führenden Persönlichkeit der Branche",
"url": "https://interviewoftheday.com/de/",
"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/de/einbetten/"
}Gut zu wissen
- Behalten Sie den Link um das Bild bei, damit Ihre Besucher den vollständigen Beitrag entdecken können.
- Verwenden Sie immer die oben gezeigte Bildadresse und speichern Sie keine Kopie, damit Ihre Seite aktuell bleibt.
- Das Bild ist responsiv: Es wird nie breiter als sein Container.
- Brauchen Sie Hilfe oder ein individuelles Format? Bitte kontaktieren Sie uns.