Summarizer API membantu redBus dan Miravia membuat ringkasan ulasan pengguna yang bermanfaat

Cecilia Cong
Cecilia Cong
LinkedIn
Hadyan Andika
Hadyan Andika
LinkedIn

Dipublikasikan: 15 Mei 2025, Terakhir diperbarui: 27 Mei 2026

Situs dengan ulasan pengguna, seperti situs e-commerce atau perjalanan, sering kali memiliki volume informasi yang sangat besar. Hal ini dapat membuat pengguna membutuhkan waktu lama untuk menyaring banyak ulasan guna memutuskan pembelian. Memberikan ringkasan ulasan dapat membantu pengguna memahami masukan dan menghemat waktu.

Pelajari cara redBus dan Miravia menggunakan Summarizer API untuk meningkatkan kualitas pengambilan keputusan dan pengalaman pembelian. Penambahan ringkasan ulasan di Miravia telah menyebabkan peningkatan rasio konversi di halaman produk dan di seluruh situs.

Penjelasan Web Ekstensi Status Chrome Intent
MDN Chrome 138 Chrome 138 View Maksud untuk Mengirim

Dengan Summarizer API, Anda dapat membuat berbagai jenis ringkasan dengan panjang dan format yang bervariasi, seperti kalimat, paragraf, daftar poin-poin, dan lainnya. API ini, seperti banyak API AI bawaan kami, menggunakan model bahasa besar untuk melakukan inferensi. Di Chrome, modelnya adalah Gemini Nano.

redBus membantu pelanggan memutuskan opsi bus terbaik

redBus adalah penyedia layanan bus terbesar di India, dengan lebih dari 30 juta pelanggan, yang menyediakan layanan bus di sekitar 10.000 kota dan permukiman, yang terhubung di seluruh India. Melalui data dan masukan, redBus menyadari bahwa ulasan buatan pengguna memainkan peran penting dalam membantu pelanggan menentukan rute dan bus mana yang paling sesuai dengan kebutuhan perjalanan mereka. redBus menerima banyak ulasan, dan setiap ulasan khusus untuk titik dan waktu kedatangan serta keberangkatan yang tepat.

Untuk membantu pelanggan memahami secara umum kota atau rute tertentu, mereka menggunakan Summarizer API untuk menyajikan insight utama dari ulasan yang relevan.

Pelanggan mencari rute dari Bangalore ke Mangaluru. Peringkas melihat ulasan yang tersedia dan memberikan ringkasan yang berguna untuk membantu pelanggan menemukan bus terbaik untuk perjalanan mereka.

"Summarizer API mampu membuat ringkasan berkualitas dari sejumlah besar ulasan dan permutasi kueri penelusuran pengguna kami. Fitur sisi klien ini menghilangkan kompleksitas teknis dan biaya bisnis tambahan yang akan ada untuk alternatif sisi server. Hal ini penting bagi kami karena kasus penggunaan ini merupakan bagian dari funnel konversi."

— Amit Kumar, Senior Engineering Manager, redBus

Perincian ulasan yang disimpan di backend redBus, dikombinasikan dengan banyaknya kemungkinan permutasi dalam kueri penelusuran pengguna—dengan variabel seperti waktu keberangkatan dan kedatangan, titik keberangkatan tertentu di kota, dan operator bus yang berbeda—membuatnya sulit untuk menyoroti insight tertentu dari ulasan. Dengan volume data tersebut, ringkasan sisi server untuk setiap kueri penelusuran akan sangat mahal.

Untuk membuat ringkasan yang efektif, redBus menyediakan konteks berikut ke Summarizer API, selain ulasan pelanggan:

//Context to provide a useful summary
const promptContext =
  'Summarize the following reviews in 30 words or less.' +
  'Focus on key positives and negatives, such as comfort, maintenance,' +
  'pricing, and cleanliness. Reviews are separated by {end}.' +
  'Give the summary in just one paragraph.';

Ringkasan ini meningkatkan pengambilan keputusan pelanggan, tanpa biaya bisnis tambahan dan kerumitan teknis. Selain itu, redBus dapat mempersonalisasi ringkasan untuk preferensi perjalanan pengguna yang login, seperti kenyamanan kursi atau ketersediaan Wi-Fi. Inferensi di sisi klien, yang berarti penelusuran dan ringkasan ini tetap bersifat pribadi bagi pengguna.

Lihat contoh kode singkat yang memeriksa ketersediaan Peringkas, memberikan konteks, dan mengambil ulasan berdasarkan kueri penelusuran pengguna.

// The Summarizer API is available
if ('Summarizer' in self) {
  try {
    const available = await Summarizer.availability();
    let summarizer;
    if (available === 'unavailable') {
      return null;
    }
    if (available === 'available') {
      //model is already available, use immediately
      summarizer = await Summarizer.create();
    } else {
      //trigger model download and wait
      summarizer = await Summarizer.create();
    }

    // Context to provide a useful summary
    const promptContext =
      'Summarize the following reviews in 30 words or less.' +
      'Focus on key positives and negatives, such as comfort, maintenance,' +
      'pricing, and cleanliness. Reviews are separated by {end}.' +
      'Give the summary in just one paragraph.';

    // Retrieve the reviews to be summarized based on user's search query
    let reviews = getIndividualBusReviews();
    if (reviews) {
      const reviewSummary = await summarizer.summarize(reviews, {
        context: promptContext
      });
    }
  } catch (e) {
    console.error("SUMMARIZER_API_ERROR: ", e);
    return null
  }
}

Dengan contoh penelusuran Bangalore ke Mangaluru, output perangkumannya adalah sebagai berikut:

<Bus Provider X> umumnya menerima ulasan positif terkait kenyamanan, kebersihan, dan layanan staf. Beberapa pengguna mengalami masalah kecil seperti keterlambatan, perilaku pengemudi (kasar), kurangnya fasilitas (pelacakan langsung, selimut), dan ketidaknyamanan (ukuran kursi, peredam kejut yang buruk).

Ulasan ini memenuhi persyaratan yang diminta, dengan sisi positif dan negatif dalam paragraf singkat, yang jauh lebih mudah dibaca daripada 308 ulasan individual.

Ringkasan ulasan e-commerce Miravia

Miravia adalah platform e-commerce terkemuka di Spanyol, dengan jutaan pengguna aktif bulanan. Setiap kali pengguna memfilter ulasan (misalnya, menurut rating produk), ringkasan baru akan dibuat. Hal ini memberikan ringkasan singkat tentang masukan pelanggan, yang menyoroti masalah dan rekomendasi.

Pengguna dapat membuat ringkasan ulasan produk untuk rating yang berbeda.

"Sebelumnya, untuk memahami kelebihan dan kekurangan utama dalam ulasan produk, pengguna harus membaca banyak komentar satu per satu di halaman detail. Untuk membantu pengguna memahami sentimen pelanggan secara keseluruhan dengan cepat, kami telah memperkenalkan Summarizer API. Ringkasan ini diperbarui secara dinamis setiap kali pengguna memfilter ulasan (misalnya, menurut rating bintang atau kriteria lainnya), sehingga memberikan ringkasan yang cepat dan komprehensif tentang masukan pembeli yang relevan."

— Ziyi Liang, Senior Software Engineer, Miravia

Awalnya, fitur ringkasan ulasan pengguna Miravia mengandalkan layanan AI sisi server. Mereka mendapati bahwa AI sisi klien yang berjalan di Gemini Nano dapat memberikan hasil yang sebanding, dengan penurunan biaya pemeliharaan. Keuntungan ini terutama terlihat jelas untuk item populer yang cepat terjual, yang ulasannya terus diperbarui.

Meskipun penerapan Miravia memerlukan pengambilan dan peringkasan ulasan secara real time, baik inferensi terjadi di server maupun di browser, AI sisi klien jauh lebih efisien seiring peningkatan frekuensi. Mereka puas dengan performanya secara keseluruhan.

Pertama, Miravia memeriksa kompatibilitas fitur dan perangkat.

// Compatibility check for device with built-in AI
export const deviceCheck = async () => {
  // Query the browser's AI capabilities
  const availability = await Summarizer.availability();

  // Case 1: Device doesn't support AI summarization
  if (availability === 'unavailable') {
    return {
      summarizationAvailable: false,
      message:
        'AI summarization tools are not supported on this device, or the appropriate permissions have not be set.',
    };
  }

  // Case 2: Device supports AI but requires model download
  if (availability === 'downloadable') {
    // Try to trigger an installation
    Summarizer.create();

    return {
      summarizationAvailable: false,
      message: 'Installing in the background. This may take a few minutes...',
    };
  }

  // Case 3: Device supports AI summarization
  return {
    summarizationAvailable: true,
    message: 'Ready for use.',
  };
};

Kemudian, Miravia merangkum ulasan yang tersedia. Ulasan digabungkan dengan periode tambahan, agar input lebih koheren.

/**
 * Summarizes a list of reviews using Chrome's Built-in AI
 * @param {Array<string>} reviewContentList - Array of review texts to summarize
 * @returns {Promise<string>} The generated summary text
 * @throws {Error} If summarization is not available or fails
 */
export const reviewSummarize = async (reviewContentList) => {
  // Validate input
  if (!Array.isArray(reviewContentList) || !reviewContentList.length) {
    throw new Error('Please provide a non-empty array of reviews to summarize');
  }

  // Check device compatibility
  const { summarizationAvailable, message } = await deviceCheck();

  if (summarizationAvailable) {
    try {
      // Configure and create the summarizer with appropriate parameters
      const summarizer = await Summarizer.create({
        type: 'tl;dr',
        length: 'short',
        sharedContext:
          'Summarize the given user reviews. Maintain a polite and formal tone.',
      });

      // Generate the summary from the joined review texts
      const summary = await summarizer.summarize(reviewContentList.join('. '));

      // Return the generated summary
      return summary;
    } catch (error) {
      // Handle any errors during summarization
      throw new Error(`Summarization failed: ${error.message}`);
    }
  } else {
    // If unavailable, throw an error with the message from deviceCheck
    throw new Error(
      message ||
        'AI summarization tools are not supported on this device or browser.'
    );
  }
};

Peningkatan konversi

Sejak Summarizer API tersedia dalam produksi, Miravia mendapati bahwa ringkasan tersebut menghasilkan:

  • Konversi 12,4% lebih tinggi di halaman produk.
  • Konversi 3,3% lebih tinggi di seluruh situs.

Praktik terbaik

Jika input ulasan melebihi batas token, ikuti mitigasi berikut:

  • Gunakan sampel yang lebih kecil (seperti 4 ulasan terbaru) ke API. Hal ini membantu menghasilkan hasil yang lebih cepat. Lihat panduan kami tentang menskalakan ringkasan sisi klien.
  • QuotaExceededError memberikan informasi selengkapnya tentang token yang diminta dalam input. Objek summarizer memiliki properti inputQuota yang menunjukkan batas token API. Hal ini memungkinkan pemberian masukan secara real-time dan penonaktifan fungsi jika input melebihi batas.

Anda dapat mempertimbangkan pendekatan hybrid untuk memastikan pengalaman yang lancar bagi semua pengguna. Saat pertama kali API AI bawaan dipanggil, browser harus mendownload model.

  • Miravia menggunakan model sisi server untuk memberikan ringkasan awal, saat model sedang didownload. Setelah model bawaan siap, situs beralih ke inferensi sisi klien.

Anda harus selalu berupaya membuat antarmuka yang ramah dan komunikatif:

  • Terapkan status progres untuk download model dan mengurangi penundaan respons.
  • Pertimbangkan transparansi tentang download model. Bright Sites memberi tahu pengguna tentang download model untuk memungkinkan transparansi dan izin penggunaan resource. Dengan begitu, pengguna dapat menyetujui atau menolak sebelum melanjutkan.

Kesimpulan dan rekomendasi

Contoh dunia nyata dari redBus dan Miravia ini menunjukkan cara API Perangkum membantu pengguna membuat keputusan yang tepat dengan cepat dengan memberikan ringkasan ulasan pengguna yang ringkas dan relevan. Kemampuan API untuk bekerja di sisi klien, tanpa biaya bisnis tambahan dan kompleksitas teknis yang rendah, menjadikannya opsi yang layak untuk kasus penggunaan serupa yang memerlukan ringkasan informasi. Semua API AI bawaan memungkinkan kasus penggunaan AI praktis di sisi klien.

Ingin tahu bagaimana Summarizer API dapat membantu kasus penggunaan lainnya? Kami juga telah membagikan cara Summarizer API meningkatkan engagement artikel.

Apakah Anda membangun sesuatu yang baru dengan API ini? Bagikan kepada kami di @ChromiumDev di X atau Chromium for Developers di LinkedIn.

Resource

Ucapan terima kasih

Terima kasih kepada Makakhov Andrey dan Ziyi Liang dari Miravia (Alibaba Group), Amit Kumar dari redBus, Swetha Gopalakrishnan, Alexandra Klepper, Thomas Steiner dan Kenji Baheux yang telah membantu menulis dan meninjau dokumen ini.