Cara Memasang AI Chat Bot di Blogger dengan Google Gemini/Bard

Teknologi terus berkembang dan telah memberikan solusi yang lebih cerdas serta efisien dalam berbagai aspek di kehidupan kita. Salah satu inovasi yang semakin populer adalah penggunaan Chat Bot berbasis kecerdasan buatan atau Artificial Intelligence (AI).

Dalam dunia blogging, memasang AI Chat Bot dapat menjadi langkah strategis untuk meningkatkan pengalaman pengguna, memberikan bantuan dengan cepat, serta dapat menjawab pertanyaan-pertanyaan umum secara otomatis. Salah satu platform yang bisa kita gunakan untuk memasang AI Chat Bot di Blogger adalah Google Bard atau Gemini.

Dalam artikel ini, kita akan membahas secara detail mengenai cara memasang AI Chat Bot menggunakan Gemini di Platform Blogger. Mulai dari langkah-langkah persiapan hingga implementasi yang tepat.

Apa itu Gemini?

Google Gemini adalah keluarga model bahasa multimodal besar atau Large Language Model (LLM) yang dikembangkan oleh Google DeepMind yang merupakan penerus LaMDA dan PaLM 2.

Gemini dirancang untuk menjadi kompetitor dari ChatGPT dari OpenAI. Gemini bisa digunakan untuk berbagai hal, seperti menulis, menerjemahkan bahasa, menulis berbagai jenis kreatif, dan menjawab pertanyaan secara informatif.

Tampilan Gemini di Blogger/Blogspot

Berikut adalah tampilan dari Gemini  yang sudah terpasang di Blogger:

Memasang Gemini di Blogger/Blogspot

Sebelumnya, disini penulis hanya akan menunjukkan cara untuk memasang Gemini di Blogger saja, bukan untuk kustomisasi tampilannya.

Kalian dapat mengikuti langkah-langkah dibawah ini untuk memasang Gemini di Blogger.

Mendapatkan API Key Google Gemini

Google menyediakan Application Programming Interface (API) yang memungkinkan pengembang atau Developer untuk membuat aplikasi Web atau Mobile yang inovatif. Salah satu contohnya adalah penggunaan API Google untuk mengintegrasikan Chat Bot yang responsif dan memahami bahasa manusia dengan baik.

Berikut adalah langkah-langkah untuk mendapatkan API Key dari Google Gemini:

1. Masuk ke Halaman API Key Google Gemini. Kemudian Centang Legal Notice dan klik Get Api Key;
2. Setelah masuk ke halaman tersebut, cari dan klik tombol untuk membuat kunci API baru (Create API Key). Setelah itu, kalian perlu memilih Project di Google Cloud. Jika belum ada, silahkan buat terlebih dahulu;
3. Selanjutnya, salin Kode API Key dan simpan terlebih dahulu;

Menambahkan Scripts dan Styles Google Gemini kedalam Blog

Sebelum menambahkan Script dan Styles, kalian perlu menyiapkan satu Postingan atau halaman Statis terlebih dahulu. Selanjutnya, edit postingan atau halaman statis tersebut dalam mode HTML View (Bukan Compose View).

Kemudian, masukkan kode berikut ke dalamnya:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/elhakimyasya/Contoh-Kode@f3527f6746ed8f1517a031ee7176d1a132a84583/dist/gemini-bard.min.css" rel="preload" />
<div class="elcreative-gemini"></div>
<script src="https://cdn.jsdelivr.net/gh/elhakimyasya/Contoh-Kode@f3527f6746ed8f1517a031ee7176d1a132a84583/dist/gemini-bard.js"></script>
<script>
    bloggerGemini({
        elementContainer: '.elcreative-gemini',
        config: {
            apiKey: 'API_KEY',
        },
    });
</script>

Di sini, kalian perlu mengatur API Key. Ubahlah 'API_KEY' menjadi API Key Google yang telah kalian salin sebelumnya. Pastikan untuk menggantinya dengan kredensial yang valid.

Konfigurasi Keamanan Sederhana API Key Google

API Key Google digunakan untuk mengautentikasi akses ke layanan Google seperti Gemini dan memberikan hak akses tertentu kepada pengguna.

Jika API Key tersebut dibagikan atau terlihat secara publik, orang lain dapat menggunakan API Key tersebut untuk mengakses dan mungkin akan melakukan tindakan yang tidak diinginkan seperti menghapus atau mengubah data, atau bahkan melakukan serangan keamanan.

Maka dari itu, disini penulis menyertakan Tools untuk mengenkripsi API Key tersebut. Silakan buka halaman Encryption Tool. Pastekan API Key Google kalian kedalamnya dan Generate API Key yang terenkripsi.

Setelah itu, Kalian dapat mengubah konfigurasi apiKey di atas dengan API Key yang telah dienkripsi.

Namun, perlu diingat bahwa menggunakan teknik enkripsi yang penulis tunjukkan diatas tidak selalu menjamin keamanan yang optimal.

Itulah beberapa langkah untuk memasang Gemini pada Blogger. Jika artikel ini bermanfaat, silakan bagikan kepada teman atau kerabat. Jika kalian memiliki pertanyaan atau ada hal yang kurang jelas, silakan tulis di kolom komentar. Terima kasih, semoga bermanfaat.