Personalització Dinàmica i UX: Adaptant l'iFrame de Didit amb JavaScript (CA)

Integració Sense EsforçIntegra la robusta verificació d'identitat de Didit directament a la teva aplicació web utilitzant el mètode iFrame InContext, oferint una configuració ràpida i una experiència incrustada.

Personalització DinàmicaUtilitza l'API postMessage de JavaScript per comunicar-te i estilitzar dinàmicament l'iFrame incrustat, assegurant que l'aspecte i la sensació de la teva marca es mantinguin constants durant tot el procés de verificació.

Experiència d'Usuari MilloradaGestiona esdeveniments en temps real des de l'iFrame, com la finalització o cancel·lació de la verificació, per proporcionar retroalimentació immediata i guiar els usuaris a través d'un viatge fluid i de marca.

Arquitectura Flexible de DiditL'enfocament modular i 'developer-first' de Didit, incloent l'iFrame InContext i l'SDK de JavaScript, permet als desenvolupadors construir fluxos de verificació d'identitat altament personalitzats i eficients amb KYC Core Gratuït.

Integració de l'iFrame InContext de Didit per a la Verificació d'Identitat

En el panorama digital actual, una verificació robusta d'identitat és primordial per a la seguretat, el compliment normatiu i la prevenció del frau. Didit ofereix una gamma de mètodes d'integració, i per a les empreses que busquen una configuració ràpida amb una experiència incrustada, l'iFrame InContext destaca. Aquest mètode et permet incrustar les potents capacitats de verificació d'identitat de Didit directament a la teva aplicació web, mantenint els usuaris al teu domini. Tot i que és senzill d'implementar, el veritable poder de l'iFrame resideix en la seva capacitat de ser personalitzat dinàmicament utilitzant JavaScript, transformant un flux de verificació estàndard en un viatge d'usuari de marca perfectament integrat.

L'iFrame InContext és ideal per a escenaris on es vol un procés de verificació contingut sense redirigir els usuaris. Admet tant UniLink (no es requereix backend per a una configuració ràpida) com API Session (per a una personalització completa amb un backend). En incrustar l'iFrame, pots aprofitar les funcions avançades de Didit, incloent OCR, anàlisi MRZ i descodificació de codis de barres per a la verificació de documents, mantenint el control sobre la interfície d'usuari circumdant.

Personalització Dinàmica amb l'API postMessage de JavaScript

Tot i que un iFrame proporciona una experiència incrustada, mantenir la coherència de la marca en tot el viatge de l'usuari és crucial. Aquí és on l'API postMessage de JavaScript esdevé inestimable. Atès que l'iFrame carrega contingut d'un origen diferent (el servei de verificació de Didit), la manipulació directa del DOM està bloquejada per la política del mateix origen. No obstant això, postMessage permet una comunicació segura entre orígens entre la teva pàgina principal i l'iFrame incrustat de Didit.

En escoltar esdeveniments o missatges específics de l'iFrame i enviar-li missatges, pots ajustar dinàmicament la seva aparença o comportament. Per exemple, podries voler:

• Canviar l'alçada o l'amplada de l'iFrame segons el contingut carregat dins.
• Activar accions específiques a la teva pàgina principal quan es completa un pas de verificació dins de l'iFrame.
• Passar paràmetres d'estil a l'iFrame per coincidir amb el tema de la teva aplicació, si ho admet la configuració de l'iFrame de Didit.

Una configuració típica implica:

1. Incrustar l'iFrame de Didit amb el seu atribut src apuntant a l'URL de verificació (per exemple, https://verify.didit.me/u/YOUR_WORKFLOW_ID_BASE64).
2. Afegir un escoltador d'esdeveniments a la teva finestra principal per capturar missatges de l'iFrame:

window.addEventListener('message', (event) => {
  // Assegura que el missatge prové d'un origen de confiança (domini de Didit)
  if (event.origin !== 'https://verify.didit.me') return;

  const data = event.data;
  if (data.type === 'didit-verification-event') {
    console.log('Didit iFrame event:', data.payload);
    // Gestiona esdeveniments com 'verification_completed', 'verification_failed', etc.
  }
});

Això permet que la teva aplicació reaccioni de manera intel·ligent a l'estat de l'iFrame, guiant l'experiència de l'usuari de manera més efectiva.

Millora de l'Experiència d'Usuari i Gestió d'Esdeveniments

Una experiència d'usuari realment fluida va més enllà de la simple incrustació. Implica proporcionar una retroalimentació clara, gestionar estats i gestionar amb elegància els diferents resultats del procés de verificació. La integració de l'iFrame de Didit, especialment quan es combina amb JavaScript, permet una gestió sofisticada d'esdeveniments que pot millorar significativament la UX.

Per exemple, després d'una verificació reeixida (que el teu backend confirmaria mitjançant webhooks), pots tancar programàticament el modal que conté l'iFrame, mostrar un missatge d'èxit i incorporar l'usuari. Si una verificació falla o es cancel·la, pots oferir opcions per reintentar-ho o contactar amb el suport.

Considera un escenari en què utilitzes la verificació d'identitat de Didit per incorporar nous usuaris. Després que l'usuari completi la captura i l'enviament de documents dins de l'iFrame, Didit processa les dades, incloent la realització de comprovacions de vivacitat passives i actives per prevenir el frau de deepfake. El teu backend rep un webhook amb els resultats de la verificació. Aleshores, pots utilitzar JavaScript per a:

• Amagar un indicador de càrrega un cop l'iFrame envia un esdeveniment 'verification_submitted'.
• Actualitzar la UI per mostrar 'Verificació pendent' mentre el teu backend processa el webhook.
• Mostrar 'Verificació aprovada' o 'Verificació denegada' segons l'estat final rebut pel teu backend i comunicat al frontend.

Aquest nivell d'interacció dinàmica garanteix que els usuaris estiguin sempre informats i compromesos, reduint les taxes d'abandonament i generant confiança en la teva plataforma.

Elecció de la Integració Correcta: iFrame vs. SDK de JavaScript

Tot i que l'iFrame InContext ofereix una configuració ràpida i una comoditat incrustada, Didit també proporciona un potent SDK de JavaScript per a aquells que requereixen el màxim control programàtic. L'SDK, recomanat per a aplicacions de producció, ofereix gestió de sessions, retorns de trucada d'esdeveniments i suport complet de TypeScript, cosa que el fa ideal per a aplicacions complexes construïdes amb React, Vue, Angular o JS pur.

L'iFrame és excel·lent per a un temps de configuració mínim, sovint menys d'1 minut, i per a escenaris on necessites un flux de verificació contingut i preconfigurat. No obstant això, per a retorns de trucada d'esdeveniments en temps real i un control programàtic complet sobre el flux d'usuari, l'SDK de JavaScript proporciona una flexibilitat superior. Tots dos mètodes admeten la verificació entre dispositius i el 'white-labeling', garantint la coherència de la marca.

El compromís de Didit amb un enfocament centrat en el desenvolupador significa que tens opcions per integrar la verificació d'identitat de la manera que millor s'adapti a la teva pila tecnològica i als teus objectius d'experiència d'usuari. Ja sigui a través de la simplicitat de l'iFrame o el poder de l'SDK, pots aprofitar la plataforma nativa d'IA de Didit per construir fluxos d'identitat segurs i eficients.

Com Ajuda Didit

Didit proporciona els elements fonamentals per crear experiències de verificació d'identitat altament personalitzables i segures. La nostra arquitectura modular et permet connectar i reproduir comprovacions d'identitat com la verificació d'identitat, la vivacitat passiva i activa, i la coincidència facial 1:1 i la cerca facial, tot impulsat per una IA d'avantguarda. Per a solucions incrustades, l'iFrame InContext ofereix una configuració increïblement ràpida, permetent-te desplegar una verificació robusta amb un esforç mínim. Per a aquells que requereixen una integració més profunda i un control dinàmic, el nostre SDK de JavaScript proporciona les eines per construir viatges d'usuari a mida, gestionant esdeveniments en temps real i mantenint una continuïtat completa de la marca.

La plataforma de Didit està dissenyada pensant en el desenvolupador, oferint un entorn de proves instantani, documentació pública completa i APIs netes. Eliminem les tarifes de configuració i oferim un nivell de KYC Core Gratuït, fent que la verificació d'identitat de nivell empresarial sigui accessible. El nostre enfocament natiu d'IA garanteix una alta precisió i automatització, reduint la necessitat de revisions manuals i agilitzant les teves operacions. Amb Didit, pots orquestrar el risc i automatitzar la confiança a nivell global, garantint una experiència segura i fàcil d'utilitzar per als teus clients mentre compleixes els requisits de conformitat.

Llest per Començar?

Llest per veure Didit en acció? Demana una demostració gratuïta avui mateix.

Comença a verificar identitats de forma gratuïta amb el nivell gratuït de Didit.