Cara Mengonfigurasi Fitur AI Summaries

Pergi ke website Google Cloud.

Klik tombol Konsol di sebelah atas kanan header.

Klik tombol pilih project.

Klik tombol New project.

Masukkan nama proyek di bagian Project name *, misalnya: BARBEQUQ AI.

Bagian Location * lewati saja.

Klik tombol Create.

Klik tombol Select project.

Klik di bagian bilah pencarian dan cari kata kunci Gemini API.

Pilih yang Gemini API.

Klik tombol Enable.

Selesai.

Pergi ke website Google AI Studio > Dashboard > Api Keys.

Klik tombol Create API key.

Di bagian bilah pencarian cari nama project Google Cloud yang dibuat sebelumnya, misalnya: BARBEQUE AI.

Klik tombol Create API key in existing project.

Klik tombol Copy.

Selesai.

Pergi ke website Google Apps Script.

Klik tombol New project.

Masukkan nama project, misalnya: BARBEQUE AI.

Masukkan script di bawah ini:

/**
 * Daftar domain yang diizinkan
 */
const PREFIX_WHITE_LIST = [
    "https://www.namadomain.com/",
    "https://www.namadomain.com/"
];

/**
 * API Gemini (JSONP)
 */
function doGet(e) {
    const callback = e.parameter.callback || "callback";
    const text = e.parameter.q || "";
    // Pastikan referer yang dikirim benar dan cek jika parameter 'url' ada
    const referer = e.parameter.url || "";

    try {
        // Cek apakah referer masuk whitelist
        if (!PREFIX_WHITE_LIST.some((prefix) => referer.startsWith(prefix))) {
            return ContentService
                .createTextOutput(callback + "({ error: 'Access denied: URL not allowed' });")
                .setMimeType(ContentService.MimeType.JAVASCRIPT);
        }

        const apiKey = "KODE_API_KEY_GOOGLE_AI_STUDIO";
        const apiUrl = "https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent?key=" + apiKey;

        const payload = {
            contents: [{ parts: [{ text: text }] }]
        };

        const response = UrlFetchApp.fetch(apiUrl, {
            method: "post",
            contentType: "application/json",
            payload: JSON.stringify(payload),
            muteHttpExceptions: true
        });

        const result = response.getContentText();

        // Pastikan respons dari Gemini dikirim dalam format JSONP yang benar
        return ContentService
            .createTextOutput(callback + "(" + result + ");")
            .setMimeType(ContentService.MimeType.JAVASCRIPT);

    } catch (err) {
        return ContentService
            .createTextOutput(callback + "({ error: 'Terjadi kesalahan: " + err.message + "' });")
            .setMimeType(ContentService.MimeType.JAVASCRIPT);
    }
}

Masukkan url website Anda di bagian PREFIX_WHITE_LIST, misalnya: https://barbeque.gilatemax.com/.

Masukkan kode API Key Google AI Studio Anda di bagian apiKey, misalnya: F9j2SyBoVklKnisOoiLLAUbTLCoefUHjl9w3nf9.

Klik tombol simpan.

Klik tombol Deploy > New deployment.

Klik ikon pengaturan > pilih Web app.

Masukkan deskripsi, misalnya: Deploy BARBEQUE AI.

Pilih email utama.

Pilih Anyone.

Klik tombol Deploy.

Klik Authorize access.

Pilih email utama.

Klik Advanced.

Klik Go to BARBEQUE AI.

Klik tombol Allow.

Klik tombol Copy untuk menyalin Web App URL.

Selesai.

Masuk ke Dashboard Blogger > pilih menu Tata Letak.

Cari bagian yang berjudul Settings.

Klik tombol edit (ikon pensil) di Template Code (HTML/JavaScript gadget).

Akan muncul pop-up konfigurasi Widget.

Di kolom Judul, biarkan pengaturan tetap pada nilai default.

Di kolom Konten, temukan bagian // Web App URL (AI Summaries).

Masukkan Web App URL yang telah dibuat sebelumnya di bagian AI_SUMMARIES_WEB_APP_URL, misalnya: https://script.google.com/macros/s/AKfycbw5Mqgy3VBRZtTZoGWI8dNqz8K1KQP6yg188qPitwlWCOApTOuwCFTMSuEJ96NyuGGbPg/exec.

Setelah semua dikonfigurasi klik tombol SIMPAN.

Selesai.