Summarizer API, redBus ve Miravia'nın yararlı kullanıcı yorumu özetleri oluşturmasına yardımcı oluyor

Cecilia Cong
Cecilia Cong
Hadyan Andika
Hadyan Andika

Yayınlanma tarihi: 15 Mayıs 2025, Son güncelleme tarihi: 27 Mayıs 2026

E-ticaret veya seyahat siteleri gibi kullanıcı yorumlarının bulunduğu web sitelerinde genellikle çok fazla bilgi bulunur. Bu durum, kullanıcıların satın alma kararı vermek için çok sayıda yorumu incelemesini zaman alıcı hale getirebilir. İnceleme özetleri sunmak, kullanıcıların geri bildirimleri anlamasına ve zamandan tasarruf etmesine yardımcı olabilir.

redBus ve Miravia'nın karar verme sürecini ve satın alma deneyimini iyileştirmek için Özetleyici API'yi nasıl kullandığını öğrenin. Miravia'nın yorum özetleri eklemesi, ürün sayfalarında ve sitede dönüşüm oranlarının artmasına yol açtı.

Açıklayıcı Web Uzantılar Chrome Durumu Amaç
MDN Chrome 138 Chrome 138 Görünüm Kargoya verme amacı

Summarizer API, cümleler, paragraflar ve madde işaretli listeler gibi çeşitli uzunluk ve biçimlerde farklı türlerde özetler oluşturmanıza olanak tanır. Bu API, yerleşik yapay zeka API'lerimizin çoğu gibi çıkarım yapmak için büyük dil modellerini kullanır. Chrome'da model Gemini Nano'dur.

redBus, müşterilerin en iyi otobüs seçeneğine karar vermesine yardımcı olur

Hindistan'ın en büyük otobüs sağlayıcısı olan redBus, 30 milyondan fazla müşteriye sahip olup ülke genelinde yaklaşık 10.000 şehir ve kasabada otobüs hizmetleri sunmaktadır. Veriler ve geri bildirimler sayesinde redBus, kullanıcı tarafından oluşturulan yorumların müşterilerin seyahat ihtiyaçları için en uygun rotayı ve otobüsü belirlemesine yardımcı olmada önemli bir rol oynadığını fark etti. redBus, çok sayıda yorum alıyor ve her yorum, tam olarak varış ve kalkış noktalarına ve saatine özgü.

Müşterilerin belirli şehirler veya rotalar hakkında genel bir fikir edinmesine yardımcı olmak için ilgili yorumlardaki önemli analizleri sunmak üzere Özetleyici API'yi kullanırlar.

Bir müşteri Bangalore'dan Mangaluru'ya gidebileceği bir rota arıyor. Özetleyici, mevcut yorumları inceleyerek müşterilerin yolculukları için en iyi otobüsü bulmalarına yardımcı olacak faydalı bir özet oluşturur.

"Summarizer API, çok sayıda yorumumuz ve kullanıcı arama sorgusu permütasyonlarımızdan kaliteli özetler oluşturabildi. Bu istemci tarafı özelliği, sunucu tarafı alternatifinde mevcut olacak teknik karmaşıklığı ve ek işletme maliyetini ortadan kaldırdı. Bu kullanım alanı dönüşüm hunisinin bir parçası olduğu için bizim için önemlidir."

— Amit Kumar, Kıdemli Mühendislik Yöneticisi, redBus

redBus'ın arka ucunda depolanan yorumların ayrıntı düzeyi, kullanıcı arama sorgularındaki olası permütasyonların çokluğuyla birleştiğinde (kalkış ve varış saatleri, şehirdeki belirli biniş noktası ve farklı otobüs operatörleri gibi değişkenlerle) yorumlardaki belirli analizleri vurgulamayı zorlaştırır. Bu veri hacmiyle, her arama sorgusu için sunucu tarafında özet oluşturmak maliyet açısından uygun olmaz.

redBus, etkili özetler oluşturmak için müşteri yorumlarına ek olarak Summarizer API'ye aşağıdaki bağlamı sağlar:

//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.';

Özetler, ek işletme maliyetleri ve teknik karmaşıklık olmadan müşterilerin karar verme sürecini iyileştirir. Ayrıca redBus, oturum açmış kullanıcıların seyahat tercihlerine (ör. koltuk konforu veya kablosuz bağlantı durumu) göre özeti kişiselleştirebilir. İstemci tarafında çıkarım yapıldığından bu arama ve özet, kullanıcının gizliliğini korur.

Özetleyici özelliğinin kullanılabilirliğini kontrol eden, bağlam sağlayan ve kullanıcının arama sorgusuna göre yorumları alan kısa bir kod örneğine göz atın.

// 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
  }
}

Bangalore'dan Mangaluru'ya yapılan örnek arama için özetleyicinin çıktısı aşağıdaki gibidir:

<Bus Provider X> Konfor, temizlik ve personel hizmetiyle ilgili olarak genellikle olumlu yorumlar almıştır. Bazı kullanıcılar gecikmeler, sürücü davranışları (kaba), olanak eksikliği (canlı izleme, battaniye) ve rahatsızlık (koltuk boyutu, kötü amortisörler) gibi küçük sorunlar yaşadı.

Bu inceleme, istenen koşulları karşılıyor. Kısa bir paragrafta olumlu ve olumsuz yönler belirtiliyor. Bu incelemeyi okumak, 308 ayrı incelemeyi okumaktan çok daha kolay.

Miravia'daki e-ticaret yorumlarının özeti

Miravia, İspanya'da aylık etkin kullanıcı sayısı milyonları bulan önde gelen bir e-ticaret platformudur. Kullanıcılar yorumları her filtrelediğinde (ör. ürün puanına göre) yeni bir özet oluşturulur. Bu özet, müşteri geri bildirimlerinin kısa bir özetini sunarak endişeleri ve önerileri vurgular.

Kullanıcılar, farklı puanlar için ürün yorumu özetleri oluşturabilir.

"Daha önce, ürün yorumlarındaki temel avantajları ve dezavantajları anlamak için kullanıcıların ayrıntı sayfasındaki çok sayıda yorumu okuması gerekiyordu. Kullanıcıların genel müşteri duyarlılığını hızlıca anlamasına yardımcı olmak için Özetleyici API'yi kullanıma sunduk. Bu özet, kullanıcı yorumları filtrelediğinde (ör. yıldız puanına veya başka ölçütlere göre) dinamik olarak güncellenir ve ilgili alıcı geri bildirimlerinin hızlı ve kapsamlı bir özetini sunar."

— Ziyi Liang, Kıdemli Yazılım Mühendisi, Miravia

Miravia'nın kullanıcı yorumu özetleme özelliği başlangıçta sunucu tarafında bir yapay zeka hizmetinden yararlanıyordu. Müşteri tarafında yapay zeka çalıştıran Gemini Nano'nun, bakım maliyetlerinde azalma sağlayarak benzer sonuçlar elde edebildiğini tespit ettiler. Bu avantaj, özellikle yorumları sürekli güncellenen popüler ve hızlı satılan ürünlerde belirgindir.

Miravia'nın uygulanması için gerçek zamanlı inceleme getirme ve özetleme gerekirken çıkarımın sunucuda mı yoksa tarayıcıda mı gerçekleştiğine bakılmaksızın, sıklık arttıkça istemci tarafı yapay zeka önemli ölçüde daha verimli olur. Genel performansından memnunlar.

İlk olarak Miravia, özellik ve cihaz uyumluluğunu kontrol eder.

// 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.',
  };
};

Ardından Miravia, mevcut yorumları özetler. Girişin daha tutarlı olması için yorumlara ek bir nokta işareti eklenir.

/**
 * 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.'
    );
  }
};

Dönüşüm oranını artırdılar.

Miravia, Summarizer API'nin üretimde kullanıma sunulmasından bu yana özetlerin şu sonuçları verdiğini tespit etti:

  • Ürün sayfalarında% 12,4 daha yüksek dönüşüm.
  • Web sitesinde% 3,3 daha yüksek dönüşüm

En iyi uygulamalar

Yorum girişi jeton sınırını aşıyorsa şu azaltma yöntemlerini uygulayın:

  • API'ye daha küçük bir örnek (ör. en son 4 yorum) gönderin. Bu sayede daha hızlı sonuçlar elde edebilirsiniz. İstemci tarafı özetlemeyi ölçeklendirme ile ilgili rehberimize bakın.
  • QuotaExceededError, girişteki istenen jetonlar hakkında daha fazla bilgi sağlar. summarizer nesnesinde, API'nin jeton sınırını belirten bir inputQuota özelliği bulunur. Bu sayede anlık geri bildirim sağlanır ve giriş sınırları aşarsa işlev devre dışı bırakılır.

Tüm kullanıcılar için sorunsuz bir deneyim sağlamak amacıyla karma bir yaklaşım benimsemeyi düşünebilirsiniz. Yerleşik bir yapay zeka API'si ilk kez çağrıldığında tarayıcının modeli indirmesi gerekir.

  • Miravia, model indirilirken ilk özeti sağlamak için sunucu tarafı bir model kullandı. Yerleşik model hazır olduğunda site, istemci tarafında çıkarım yapmaya başladı.

Her zaman kullanıcı dostu ve iletişime açık bir arayüz oluşturmaya çalışmalısınız:

  • Model indirme işlemleri için ilerleme çubuğu uygulayın ve yanıt gecikmelerini azaltın.
  • Model indirme konusunda şeffaflığı göz önünde bulundurun. Bright Sites, kaynak kullanımının şeffaflığı ve kullanıcı rızası için kullanıcıları model indirme konusunda bilgilendirdi. Böylece kullanıcılar devam etmeden önce kabul edebilir veya reddedebilir.

Sonuçlar ve öneriler

redBus ve Miravia'dan alınan bu gerçek dünya örnekleri, Özetleyici API'nin kullanıcı yorumlarının kısa ve alakalı özetlerini sunarak kullanıcıların hızlı bir şekilde bilinçli kararlar almasına nasıl yardımcı olduğunu gösteriyor. API'nin ek işletme maliyeti olmadan ve düşük teknik karmaşıklıkla istemci tarafında çalışabilmesi, bilgilerin özetlenmesi gereken benzer kullanım alanları için uygun bir seçenek olmasını sağlar. Yerleşik yapay zeka API'lerinin tümü, pratik istemci tarafı yapay zeka kullanım alanlarını etkinleştirir.

Summarizer API'nin diğer kullanım alanlarında nasıl yardımcı olabileceğini mi merak ediyorsunuz? Ayrıca, Summarizer API'nin makale etkileşimini nasıl artırdığını da paylaştık.

Bu API'lerle yeni bir şey mi geliştiriyorsunuz? Bu bilgileri X'te@ChromiumDev veya LinkedIn'de Chromium for Developers adresinden bizimle paylaşabilirsiniz.

Kaynaklar

Teşekkür

Bu belgenin yazılmasına ve incelenmesine yardımcı olan Miravia'dan (Alibaba Group) Makakhov Andrey ve Ziyi Liang'a, redBus'tan Amit Kumar'a, Swetha Gopalakrishnan'a, Alexandra Klepper'a, Thomas Steiner'a ve Kenji Baheux'e teşekkür ederiz.