Changelog auf der Website einbetten

Warum deinen Changelog einbetten?

Ein eingebetteter Changelog informiert Nutzer, ohne dass sie deine Website verlassen. Er steigert die Feature-Adoption, reduziert Support-Tickets und zeigt, dass dein Produkt aktiv gepflegt wird.

Drei Wege zur Einbettung

1. JavaScript-Widget (empfohlen)

Fuege einen einzigen Script-Tag ein und erhalte ein ansprechendes, automatisch aktualisiertes Changelog-Popup:

<!-- Deplyd Widget — just one script tag -->
<script
  src="https://deplyd.dev/widget.js"
  data-project="your-project-slug"
  defer
></script>

Mit nur 1,8 KB gzip ist das Deplyd-Widget leichter als die meisten Favicons. Es laedt asynchron und blockiert nie deine Seite.

2. REST API

Fuer volle Kontrolle ueber die UI holst du Eintraege per API und renderst sie selbst:

// Fetch latest entries via API
const res = await fetch('https://deplyd.dev/api/v1/entries?limit=5', {
  headers: { 'Authorization': 'Bearer dpl_your_key' }
});
const entries = await res.json();

// Render in your UI
entries.data.forEach(entry => {
  console.log(`${entry.title} — ${entry.type}`);
});

3. iframe-Einbettung

Wenn du eine eigene Domain mit Deplyd nutzt, kannst du deine Changelog-Seite direkt einbetten:

<iframe
  src="https://changelog.yourapp.com"
  width="100%"
  height="600"
  frameborder="0"
></iframe>

Methodenvergleich

Tipps fuer einen tollen eingebetteten Changelog

1. Lade das Widget lazy, um den initialen Seitenaufbau schnell zu halten.
2. Passe das Theme an deine Seite an (hell, dunkel oder automatisch).
3. Cache API-Antworten, wenn du eine eigene Integration baust.
4. Verlinke immer zur vollstaendigen Changelog-Seite fuer Nutzer, die die komplette Historie wollen.