Gepubliceerd: 15 mei 2025, Laatst bijgewerkt: 27 mei 2026
Websites met gebruikersrecensies, zoals webshops of reiswebsites, bevatten vaak een enorme hoeveelheid informatie. Het kan voor gebruikers tijdrovend zijn om al die recensies door te nemen voordat ze een aankoopbeslissing nemen. Het aanbieden van samenvattingen van recensies kan gebruikers helpen de feedback te begrijpen en tijd te besparen.
Ontdek hoe redBus en Miravia de Summarizer API gebruiken om de besluitvorming en de aankoopervaring te verbeteren. De toevoeging van reviewsamenvattingen door Miravia heeft geleid tot hogere conversiepercentages op productpagina's en de rest van de website.
| Uitleg | Web | Uitbreidingen | Chrome-status | Intentie |
|---|---|---|---|---|
| MDN |  Chrome 138 | Chrome 138 | Weergave | Voornemen tot verzending |
Met de Summarizer API kunt u verschillende soorten samenvattingen genereren in uiteenlopende lengtes en formaten, zoals zinnen, alinea's, opsommingen en meer. Deze API maakt, net als veel van onze ingebouwde AI-API's , gebruik van grote taalmodellen voor inferentie. In Chrome is dat model Gemini Nano.
redBus helpt klanten bij het kiezen van de beste busoptie.
redBus is de grootste busmaatschappij in India, met meer dan 30 miljoen klanten en busdiensten in circa 10.000 steden en dorpen, verspreid over het hele land. Dankzij data en feedback heeft redBus ingezien dat gebruikersrecensies een belangrijke rol spelen bij het bepalen van de beste route en bus voor de reisbehoeften van de klant. redBus ontvangt een groot aantal recensies, waarbij elke recensie specifiek is voor de aankomst- en vertrekpunten en -tijden.
Om klanten een beknopt overzicht te geven van bepaalde steden of routes, gebruiken ze de Summarizer API om belangrijke inzichten uit relevante beoordelingen te presenteren.
"De Summarizer API was in staat om kwalitatief hoogwaardige samenvattingen te maken van onze grote hoeveelheid reviews en combinaties van zoekopdrachten van gebruikers. Deze client-side functionaliteit nam de technische complexiteit en extra bedrijfskosten weg die een server-side alternatief met zich mee zou brengen. Dit is belangrijk voor ons, omdat deze use case onderdeel is van de conversietrechter."
— Amit Kumar, Senior Engineering Manager, redBus
De gedetailleerdheid van de beoordelingen die in de backend van redBus worden opgeslagen, in combinatie met het enorme aantal mogelijke combinaties in zoekopdrachten van gebruikers – met variabelen zoals vertrek- en aankomsttijden, specifieke opstapplaats in de stad en verschillende busmaatschappijen – maakt het moeilijk om specifieke inzichten uit de beoordelingen te halen. Met zo'n grote hoeveelheid data zou een server-side samenvatting voor elke zoekopdracht onbetaalbaar zijn.
Om effectieve samenvattingen te genereren, levert redBus naast de klantbeoordelingen ook de volgende context aan de Summarizer API:
//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.';
De samenvattingen verbeteren de besluitvorming van klanten, zonder extra bedrijfskosten of technische complexiteit. Bovendien kan redBus de samenvatting personaliseren op basis van de reisvoorkeuren van ingelogde gebruikers, zoals zitcomfort of wifi-beschikbaarheid. De inferentie vindt aan de clientzijde plaats, wat betekent dat deze zoekopdracht en samenvatting privé blijven voor de gebruiker.
Bekijk een kort codevoorbeeld dat controleert of Summarizer beschikbaar is, context biedt en recensies ophaalt op basis van de zoekopdracht van de gebruiker.
// 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
}
}
Bij een voorbeeldzoekopdracht van Bangalore naar Mangaluru is de uitvoer van de samenvatter als volgt:
<Bus Provider X> ontving over het algemeen positieve beoordelingen voor comfort, netheid en service van het personeel. Sommige klanten ondervonden kleine problemen zoals vertragingen, onbeleefd gedrag van de chauffeur, gebrek aan voorzieningen (live tracking, dekens) en ongemak (stoelgrootte, slechte schokdempers).
Deze beoordeling voldoet aan de gestelde eisen, met een korte samenvatting van de positieve en negatieve punten in één alinea, wat veel gemakkelijker te lezen is dan 308 afzonderlijke beoordelingen.
Miravia heeft e-commerce reviews samengevat.
Miravia is een toonaangevend e-commerceplatform in Spanje met miljoenen actieve gebruikers per maand. Wanneer gebruikers reviews filteren (bijvoorbeeld op productbeoordeling), wordt er een nieuwe samenvatting gegenereerd. Deze samenvatting biedt een beknopt overzicht van de feedback van klanten, met aandacht voor zowel aandachtspunten als aanbevelingen.
"Voorheen moesten gebruikers talloze individuele opmerkingen op de productpagina doorlezen om de belangrijkste voor- en nadelen in productrecensies te begrijpen. Om gebruikers te helpen snel een algemeen beeld van de klanttevredenheid te krijgen, hebben we de Summarizer API geïntroduceerd. Deze samenvatting wordt dynamisch bijgewerkt wanneer een gebruiker de recensies filtert (bijvoorbeeld op basis van sterrenwaardering of andere criteria), waardoor een snel en uitgebreid overzicht van relevante feedback van kopers wordt geboden."
— Ziyi Liang, senior software-ingenieur, Miravia
Aanvankelijk maakte Miravia's functie voor het samenvatten van gebruikersrecensies gebruik van een server-side AI-service. Ze ontdekten echter dat Gemini Nano, met client-side AI, vergelijkbare resultaten kan leveren, maar met lagere onderhoudskosten. Dit voordeel is met name duidelijk bij populaire, snel verkopende producten waarvan de recensies constant worden bijgewerkt.
Hoewel de implementatie van Miravia het in realtime ophalen en samenvatten van reviews vereist, ongeacht of de inferentie aan de server- of in de browser plaatsvindt, is client-side AI aanzienlijk efficiënter naarmate de frequentie toeneemt. Ze zijn tevreden met de algehele prestaties.
Allereerst controleert Miravia de compatibiliteit van functies en apparaten.
// 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.',
};
};
Vervolgens vat Miravia de beschikbare recensies samen. Recensies worden met een punt aan elkaar gekoppeld om de invoer coherenter te maken.
/**
* 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.'
);
}
};
Verbeterde conversies
Sinds de Summarizer API in productie beschikbaar is, heeft Miravia vastgesteld dat de samenvattingen leiden tot:
- 12,4% hogere conversie op productpagina's.
- 3,3% hogere conversie op de hele website.
Beste praktijken
Als de hoeveelheid invoer voor de beoordeling de tokenlimiet overschrijdt, volg dan deze maatregelen:
- Gebruik een kleinere steekproef (zoals de 4 meest recente beoordelingen) voor de API. Dit helpt om sneller resultaten te genereren. Raadpleeg onze richtlijnen voor het schalen van client-side samenvattingen .
- De
QuotaExceededErrorgeeft meer informatie over het aantal aangevraagde tokens in de invoer. Hetsummarizerobject heeft eeninputQuotaeigenschap die de tokenlimiet van de API aangeeft. Dit maakt realtime feedback mogelijk en zorgt ervoor dat functionaliteit wordt uitgeschakeld als de invoer de limiet overschrijdt.
U kunt overwegen een hybride aanpak te gebruiken om een naadloze ervaring voor alle gebruikers te garanderen. De eerste keer dat een ingebouwde AI-API wordt aangeroepen, moet de browser het model downloaden.
- Miravia gebruikte een server-side model om een eerste samenvatting te geven, terwijl het model werd gedownload. Zodra het ingebouwde model gereed was, schakelde de site over op client-side inferentie.
Je moet er altijd naar streven een vriendelijke en communicatieve interface te creëren:
- Implementeer een voortgangsbalk voor het downloaden van modellen en verminder de reactievertragingen.
- Overweeg transparantie rondom het downloaden van het model. Bright Sites informeerde gebruikers over het downloaden van het model om transparantie en toestemming voor het gebruik ervan te garanderen. Op die manier konden gebruikers het gebruik accepteren of weigeren voordat ze verder gingen.
Conclusies en aanbevelingen
Deze praktijkvoorbeelden van redBus en Miravia laten zien hoe de Summarizer API gebruikers hielp om snel weloverwogen beslissingen te nemen door beknopte, relevante samenvattingen van gebruikersrecensies te leveren. De mogelijkheid van de API om aan de clientzijde te werken, zonder extra bedrijfskosten en met een lage technische complexiteit, maakt het een aantrekkelijke optie voor vergelijkbare toepassingen waarbij informatie moet worden samengevat. Alle ingebouwde AI-API's maken praktische AI-toepassingen aan de clientzijde mogelijk.
Benieuwd hoe de Summarizer API ook voor andere toepassingen gebruikt kan worden? We hebben ook al laten zien hoe de Summarizer API de betrokkenheid bij artikelen vergroot .
Ben je iets nieuws aan het bouwen met deze API's? Deel het met ons via @ChromiumDev op X of Chromium for Developers op LinkedIn .
Bronnen
- Leer meer over de Summarizer API .
- Begin met het gebruiken van de ingebouwde API's in Chrome .
- Lees de casestudy over de Prompt API en hoe bloggers hierdoor meer mogelijkheden krijgen .
- Lees de casestudy over vertaling en taaldetectie .
- Lees hoe de Summarizer API Bright Sites en Terra helpt bij het maken van aantrekkelijke artikelsamenvattingen.
Dankbetuigingen
Met dank aan Makakhov Andrey en Ziyi Liang van Miravia (Alibaba Group), Amit Kumar van redBus, Swetha Gopalakrishnan , Alexandra Klepper , Thomas Steiner en Kenji Baheux voor hun hulp bij het schrijven en nakijken van dit document.