Integrasi Mulus: Panduan Integrasi Iframe Didit

Dalam lanskap digital saat ini, pengalaman pengguna yang mulus adalah yang terpenting. Verifikasi identitas seringkali menjadi kejahatan yang diperlukan, memperkenalkan friksi ke dalam orientasi dan saluran konversi. Didit mengatasi tantangan ini dengan integrasi iframe yang kuat dan mudah diterapkan, memungkinkan Anda untuk menyematkan alur verifikasi identitas yang aman dan sesuai langsung di dalam aplikasi web Anda. Panduan ini memberikan ikhtisar komprehensif tentang proses integrasi iframe Didit, opsi konfigurasi, dan praktik terbaik untuk memaksimalkan pengalaman dan keamanan pengguna.

Poin Penting 1: Integrasi iframe Didit menyediakan cara yang aman dan sesuai untuk menyematkan verifikasi identitas langsung ke dalam aplikasi web Anda tanpa integrasi sisi server yang rumit.

Poin Penting 2: Pendekatan iframe meminimalkan upaya pengembangan dan memungkinkan penerapan fitur verifikasi identitas dengan cepat.

Poin Penting 3: Kustomisasi tampilan dan perilaku iframe tersedia melalui parameter dan pendengar acara yang tersedia.

Poin Penting 4: Harga bayar sesuai pemakaian Didit memastikan Anda hanya membayar untuk verifikasi yang berhasil, menjadikannya solusi yang hemat biaya.

Memahami Integrasi Iframe Didit

Proses verifikasi identitas tersemat menggunakan iframe melibatkan hosting alur verifikasi Didit di dalam elemen iframe yang aman di situs web Anda. Pendekatan ini menawarkan beberapa manfaat:

• Pengurangan Upaya Pengembangan: Kode sisi server minimal diperlukan. Beban berat verifikasi identitas ditangani oleh platform Didit.
• Keamanan yang Ditingkatkan: Infrastruktur keamanan Didit diisolasi di dalam iframe, meminimalkan risiko pelanggaran data.
• UX yang Ditingkatkan: Pengguna tetap berada di situs web Anda selama proses verifikasi, menciptakan pengalaman yang mulus.
• Waktu Pemasaran yang Lebih Cepat: Terapkan fitur verifikasi identitas dengan cepat tanpa siklus pengembangan yang ekstensif.

Prinsip intinya adalah menghasilkan URL verifikasi yang aman dari API Didit, lalu menyematkan URL tersebut di dalam tag <iframe> di HTML Anda. URL ini berisi semua parameter yang diperlukan untuk memulai alur verifikasi, termasuk pengidentifikasi pengguna, jenis verifikasi, dan konfigurasi khusus apa pun.

Konfigurasi & Parameter Iframe

Konfigurasi iframe dikendalikan melalui beberapa parameter utama yang ditambahkan ke URL verifikasi. Berikut adalah beberapa parameter penting:

• user_id: (Wajib) Pengidentifikasi unik untuk pengguna.
• verification_type: (Wajib) Menentukan jenis alur verifikasi (mis., id_verification, liveness, document_verification).
• redirect_url: (Opsional) URL untuk mengarahkan pengguna setelah verifikasi selesai (berhasil atau gagal).
• theme: (Opsional) Sesuaikan tampilan iframe (mis., light, dark).
• width: (Opsional) Menetapkan lebar iframe dalam piksel (default: 600px).
• height: (Opsional) Menetapkan tinggi iframe dalam piksel (default: 700px).
• language: (Opsional) Menentukan bahasa alur verifikasi (mis., en, es, fr).

Contoh URL:

https://business.didit.me/iframe?user_id=user123&verification_type=id_verification&redirect_url=https://yourwebsite.com/verification-complete&theme=dark&width=800&height=800

Menerapkan Iframe di Aplikasi Web Anda

Mengintegrasikan integrasi iframe Didit ke dalam aplikasi Anda sangatlah mudah. Berikut adalah contoh HTML dasar:

<iframe src="https://business.didit.me/iframe?user_id=user123&verification_type=id_verification&redirect_url=https://yourwebsite.com/verification-complete" width="800" height="800" frameborder="0"></iframe>

Pertimbangan Penting:

• HTTPS: Pastikan situs web Anda disajikan melalui HTTPS untuk menjaga keamanan.
• CORS: Iframe Didit dikonfigurasi untuk mendukung permintaan lintas asal.
• Responsif: Pertimbangkan untuk menggunakan teknik desain responsif untuk memastikan iframe beradaptasi dengan ukuran layar yang berbeda.

Menangani Acara & Panggilan Balik Verifikasi

Didit menyediakan pendengar acara dan panggilan balik untuk memberi tahu aplikasi Anda tentang proses verifikasi. Mekanisme utamanya adalah API postMessage. Anda dapat mendengarkan acara seperti verification_started, verification_completed, verification_failed, dan verification_error. Acara ini berisi data tentang status verifikasi, termasuk pesan kesalahan atau hasil verifikasi apa pun.

Contoh Pendengar Acara JavaScript:

window.addEventListener('message', function(event) {
  if (event.origin !== 'https://business.didit.me') {
    return;
  }

  const data = JSON.parse(event.data);

  switch (data.event) {
    case 'verification_completed':
      console.log('Verifikasi berhasil diselesaikan:', data.result);
      // Mengarahkan pengguna atau memperbarui UI
      break;
    case 'verification_failed':
      console.error('Verifikasi gagal:', data.error);
      // Menampilkan pesan kesalahan kepada pengguna
      break;
  }
});

Bagaimana Didit Membantu

Didit menyederhanakan proses verifikasi identitas tersemat dengan:

• Suite Verifikasi Komprehensif: Akses berbagai modul verifikasi, termasuk verifikasi ID, deteksi keaktifan, pemeriksaan AML, dan lainnya.
• API Ramah Pengembang: API dan SDK yang terdokumentasi dengan baik untuk integrasi yang mulus.
• Infrastruktur yang Dapat Diskalakan: Menangani volume tinggi permintaan verifikasi dengan mudah.
• Cakupan Global: Dukungan untuk 14.000+ jenis dokumen di 220+ negara.
• Harga Kompetitif: Harga bayar sesuai pemakaian tanpa biaya tersembunyi.

Siap untuk Memulai?

Mulai bangun pengalaman yang lebih aman dan ramah pengguna hari ini! Jelajahi dokumentasi kami dan mulai dengan akun Didit gratis:

• Dokumentasi Didit
• Konsol Bisnis Didit
• Harga Didit