Dynamisches Branding & UX: Didits iFrame mit JavaScript anpassen (DE)

Nahtlose IntegrationIntegrieren Sie Didits robuste Identitätsprüfung direkt in Ihre Webanwendung mit der InContext iFrame-Methode, die eine schnelle Einrichtung und ein eingebettetes Erlebnis bietet.

Dynamische AnpassungNutzen Sie die postMessage API von JavaScript, um mit dem eingebetteten iFrame zu kommunizieren und ihn dynamisch zu gestalten, um sicherzustellen, dass das Erscheinungsbild Ihrer Marke während des gesamten Verifizierungsprozesses konsistent bleibt.

Verbessertes BenutzererlebnisBehandeln Sie Echtzeitereignisse vom iFrame, wie z.B. den Abschluss oder die Stornierung der Verifizierung, um sofortiges Feedback zu geben und Benutzer durch eine reibungslose, markengerechte Reise zu führen.

Didits flexible ArchitekturDidits modularer und entwicklerorientierter Ansatz, einschließlich des InContext iFrame und des JavaScript SDK, ermöglicht es Entwicklern, hochgradig angepasste und effiziente Identitätsprüfungs-Workflows mit Free Core KYC zu erstellen.

Didits InContext iFrame für die Identitätsprüfung integrieren

In der heutigen digitalen Landschaft ist eine robuste Identitätsprüfung für Sicherheit, Compliance und Betrugsprävention von größter Bedeutung. Didit bietet eine Reihe von Integrationsmethoden, und für Unternehmen, die eine schnelle Einrichtung mit einer eingebetteten Erfahrung suchen, sticht der InContext iFrame hervor. Diese Methode ermöglicht es Ihnen, Didits leistungsstarke ID-Verifizierungsfunktionen direkt in Ihre Webanwendung einzubetten und die Benutzer auf Ihrer Domain zu halten. Obwohl einfach zu implementieren, liegt die wahre Stärke des iFrames in seiner Fähigkeit, dynamisch mit JavaScript angepasst zu werden, wodurch ein standardmäßiger Verifizierungsablauf in eine nahtlos gebrandete Benutzerreise verwandelt wird.

Der InContext iFrame ist ideal für Szenarien, in denen Sie einen eigenständigen Verifizierungsprozess ohne Umleitung der Benutzer wünschen. Er unterstützt sowohl UniLink (kein Backend für schnelle Einrichtung erforderlich) als auch API Session (für vollständige Anpassung mit einem Backend). Durch das Einbetten des iFrames können Sie Didits erweiterte Funktionen nutzen, einschließlich OCR, MRZ-Parsing und Barcode-Decodierung für die Dokumentenprüfung, während Sie die Kontrolle über die umgebende Benutzeroberfläche behalten.

Dynamische Anpassung mit der postMessage API von JavaScript

Während ein iFrame eine eingebettete Erfahrung bietet, ist die Aufrechterhaltung der Markenkonsistenz über die gesamte Benutzerreise hinweg entscheidend. Hier wird die postMessage API von JavaScript von unschätzbarem Wert. Da der iFrame Inhalte von einem anderen Ursprung (Didits Verifizierungsdienst) lädt, wird die direkte DOM-Manipulation durch die Same-Origin-Policy blockiert. postMessage ermöglicht jedoch eine sichere Cross-Origin-Kommunikation zwischen Ihrer übergeordneten Seite und dem eingebetteten Didit iFrame.

Indem Sie auf bestimmte Ereignisse oder Nachrichten vom iFrame hören und Nachrichten an ihn senden, können Sie sein Aussehen oder Verhalten dynamisch anpassen. Zum Beispiel könnten Sie:

• Die Höhe oder Breite des iFrames basierend auf dem geladenen Inhalt ändern.
• Spezifische Aktionen auf Ihrer übergeordneten Seite auslösen, wenn ein Verifizierungsschritt im iFrame abgeschlossen ist.
• Styling-Parameter an den iFrame übergeben, um das Thema Ihrer Anwendung anzupassen, falls von Didits iFrame-Konfiguration unterstützt.

Ein typisches Setup umfasst:

1. Einbetten des Didit iFrames mit seinem src-Attribut, das auf die Verifizierungs-URL zeigt (z.B. https://verify.didit.me/u/YOUR_WORKFLOW_ID_BASE64).
2. Hinzufügen eines Event-Listeners zu Ihrem übergeordneten Fenster, um Nachrichten vom iFrame abzufangen:

window.addEventListener('message', (event) => {
  // Sicherstellen, dass die Nachricht von einem vertrauenswürdigen Ursprung stammt (Didits Domain)
  if (event.origin !== 'https://verify.didit.me') return;

  const data = event.data;
  if (data.type === 'didit-verification-event') {
    console.log('Didit iFrame-Ereignis:', data.payload);
    // Ereignisse wie 'verification_completed', 'verification_failed' usw. behandeln.
  }
});

Dies ermöglicht Ihrer Anwendung, intelligent auf den Status des iFrames zu reagieren und das Benutzererlebnis effektiver zu steuern.

Verbesserung des Benutzererlebnisses und der Ereignisbehandlung

Ein wirklich nahtloses Benutzererlebnis geht über das bloße Einbetten hinaus. Es beinhaltet das Bereitstellen von klarem Feedback, das Verwalten von Zuständen und das Anmutige Behandeln verschiedener Ergebnisse des Verifizierungsprozesses. Die Didit iFrame-Integration, insbesondere in Kombination mit JavaScript, ermöglicht eine ausgefeilte Ereignisbehandlung, die die UX erheblich verbessern kann.

Bei erfolgreicher Verifizierung (die Ihr Backend über Webhooks bestätigen würde) können Sie beispielsweise das Modal mit dem iFrame programmatisch schließen, eine Erfolgsmeldung anzeigen und den Benutzer onboarden. Wenn eine Verifizierung fehlschlägt oder abgebrochen wird, können Sie Optionen zum Wiederholen oder zur Kontaktaufnahme mit dem Support anbieten.

Stellen Sie sich ein Szenario vor, in dem Sie Didits ID-Verifizierung verwenden, um neue Benutzer aufzunehmen. Nachdem der Benutzer die Dokumentenerfassung und -übermittlung innerhalb des iFrames abgeschlossen hat, verarbeitet Didit die Daten, einschließlich der Durchführung passiver und aktiver Lebendigkeitsprüfungen, um Deepfake-Betrug zu verhindern. Ihr Backend empfängt einen Webhook mit den Verifizierungsergebnissen. Sie können dann JavaScript verwenden, um:

• Ein Lade-Spinner auszublenden, sobald der iFrame ein 'verification_submitted'-Ereignis sendet.
• Die Benutzeroberfläche auf 'Verifizierung ausstehend' zu aktualisieren, während Ihr Backend den Webhook verarbeitet.
• 'Verifizierung genehmigt' oder 'Verifizierung abgelehnt' anzuzeigen, basierend auf dem endgültigen Status, den Ihr Backend empfängt und an das Frontend zurückmeldet.

Dieses Maß an dynamischer Interaktion stellt sicher, dass die Benutzer stets informiert und engagiert sind, wodurch die Abbruchraten reduziert und das Vertrauen in Ihre Plattform gestärkt wird.

Die richtige Integration wählen: iFrame vs. JavaScript SDK

Während der InContext iFrame eine schnelle Einrichtung und eingebettete Bequemlichkeit bietet, stellt Didit auch ein leistungsstarkes JavaScript SDK für diejenigen bereit, die maximale programmatische Kontrolle benötigen. Das SDK, empfohlen für Produktionsanwendungen, bietet Sitzungsverwaltung, Ereignis-Callbacks und vollständige TypeScript-Unterstützung, wodurch es ideal für komplexe Anwendungen ist, die mit React, Vue, Angular oder Vanilla JS erstellt wurden.

Der iFrame eignet sich hervorragend für minimale Einrichtungszeiten, oft weniger als 1 Minute, und für Szenarien, in denen Sie einen eigenständigen, sofort einsatzbereiten Verifizierungsablauf benötigen. Für Echtzeit-Ereignis-Callbacks und die vollständige programmatische Kontrolle über den Benutzerfluss bietet das JavaScript SDK jedoch eine überlegene Flexibilität. Beide Methoden unterstützen die geräteübergreifende Verifizierung und das White-Labeling, um die Markenkonsistenz zu gewährleisten.

Didits Engagement für einen entwicklerorientierten Ansatz bedeutet, dass Sie Optionen zur Integration der Identitätsprüfung haben, die am besten zu Ihrem technischen Stack und Ihren Zielen für das Benutzererlebnis passen. Ob durch die Einfachheit des iFrames oder die Leistungsfähigkeit des SDK – Sie können Didits KI-native Plattform nutzen, um sichere und effiziente Identitäts-Workflows zu erstellen.

Wie Didit hilft

Didit bietet die grundlegenden Bausteine für die Erstellung hochgradig anpassbarer und sicherer Identitätsprüfungs-Erlebnisse. Unsere modulare Architektur ermöglicht es Ihnen, Identitätsprüfungen wie ID-Verifizierung, passiven & aktiven Lebendigkeitsnachweis sowie 1:1-Gesichtsabgleich & Gesichtssuche, alle angetrieben durch modernste KI, „plug-and-play“ zu integrieren. Für eingebettete Lösungen bietet der InContext iFrame eine unglaublich schnelle Einrichtung, sodass Sie eine robuste Verifizierung mit minimalem Aufwand implementieren können. Für diejenigen, die eine tiefere Integration und dynamische Kontrolle benötigen, bietet unser JavaScript SDK die Tools, um maßgeschneiderte Benutzerreisen zu erstellen, Echtzeitereignisse zu verwalten und eine vollständige Markenkontinuität zu gewährleisten.

Didits Plattform ist entwicklerorientiert konzipiert und bietet eine sofortige Sandbox, umfassende öffentliche Dokumentation und saubere APIs. Wir eliminieren Einrichtungsgebühren und bieten eine kostenlose Core KYC-Stufe an, wodurch die Identitätsprüfung auf Unternehmensebene zugänglich wird. Unser KI-nativer Ansatz gewährleistet hohe Genauigkeit und Automatisierung, reduziert den Bedarf an manuellen Überprüfungen und optimiert Ihre Abläufe. Mit Didit können Sie Risiken orchestrieren und Vertrauen global automatisieren, um ein sicheres und benutzerfreundliches Erlebnis für Ihre Kunden zu gewährleisten und gleichzeitig Compliance-Anforderungen zu erfüllen.

Bereit zum Start?

Möchten Sie Didit in Aktion sehen? Fordern Sie noch heute eine kostenlose Demo an.

Beginnen Sie kostenlos mit der Identitätsprüfung mit Didits kostenlosem Tarif.