MINBA AI - Chatbot Sumber Informasi

Cara Memasukan Chatbot MINBA AI ke dalam Website

MINBA AI adalah chatbot yang berbasis gemini dengan dilengkapi data dan informasi yang telah didesusaikan dengan kebutuhan informasi MA NU 01 Banyuputih. MINBA AI sudah terintegrasi dengan data website official MA NU 01 Banyuputih. Pada tahap ini masih dalam pengembangan dan dalam fase pelatihan untuk peningkatan model AI.

1. Menggunakan iframe

Salin kode berikut ini kedalam element html website:

    <iframe 
        src="https://ftrhost.github.io/" 
        style="position: fixed; bottom: 30px; right: 20px; width: 400px; height: 600px; border: none; z-index: 9999;"
        allow="microphone">
    </iframe>

2. Menggunakan Script

Atau, salin kedua kode berikut ke dalam halaman website:

Di bagian head html:

<link href="https://ftrhost.github.io/" rel="stylesheet">

Di bagian body (di akhir):

<script src="https://ftrhost.github.io/"></script>

Catatan Penting:

• Sesuaikan ukuran iframe (width dan height) sesuai kebutuhan
• Pastikan z-index cukup tinggi agar chatbot muncul di atas elemen lain

Contoh Implementasi: