Publié le 15 mai 2025, dernière mise à jour le 27 mai 2026
Les sites Web qui proposent des avis d'utilisateurs, comme les sites d'e-commerce ou de voyage, contiennent souvent un volume d'informations considérable. Les utilisateurs peuvent alors perdre beaucoup de temps à parcourir les nombreux avis pour décider d'effectuer un achat. En fournissant des résumés d'avis, vous pouvez les aider à comprendre les commentaires et à gagner du temps.
Découvrez comment redBus et Miravia utilisent l'API Summarizer pour améliorer la prise de décision et l'expérience d'achat. L'ajout de résumés d'avis par Miravia a permis d'améliorer les taux de conversion sur les pages produit et sur l'ensemble du site.
| Présentateur | Web | Extensions | État de Chrome | Intention |
|---|---|---|---|---|
| MDN |  Chrome 138 |
Chrome 138 |
Afficher | Intention d'expédition |
L'API Summarizer vous permet de générer différents types de résumés de longueurs et de formats variés, tels que des phrases, des paragraphes, des listes à puces, etc. Comme de nombreuses API d'IA intégrées, cette API utilise des grands modèles de langage pour effectuer des inférences. Dans Chrome, le modèle est Gemini Nano.
redBus aide les clients à choisir la meilleure option de bus
redBus est le plus grand fournisseur de bus en Inde, avec plus de 30 millions de clients. Il propose des services de bus dans environ 10 000 villes et villages, connectés à l'échelle nationale. Grâce aux données et aux commentaires, redBus s'est rendu compte que les avis générés par les utilisateurs jouent un rôle important pour aider les clients à déterminer le meilleur itinéraire et le meilleur bus pour leurs besoins de voyage. redBus reçoit un volume élevé d'avis, et chacun d'eux est spécifique aux points et heures exacts d'arrivée et de départ.
Pour aider les clients à comprendre les informations clés pour certaines villes ou certains itinéraires, redBus utilise l'API Summarizer afin de présenter les insights clés issus des avis pertinents.
"L'API Summarizer a pu créer des résumés de qualité à partir de notre grand nombre d'avis et de permutations de requêtes de recherche des utilisateurs. Cette fonctionnalité côté client a supprimé la complexité technique et les coûts commerciaux supplémentaires qui seraient présents pour une alternative côté serveur. C'est important pour nous, car ce cas d'utilisation fait partie de l'entonnoir de conversion."
— Amit Kumar, Senior Engineering Manager, redBus
La granularité des avis stockés sur le backend de redBus, combinée au nombre énorme de permutations possibles dans les requêtes de recherche des utilisateurs (avec des variables telles que les heures de départ et d'arrivée, le point d'embarquement spécifique dans la ville et les différents opérateurs de bus), rend difficile la mise en évidence d'insights spécifiques à partir des avis. Avec ce volume de données, un résumé côté serveur pour chaque requête de recherche serait prohibitif en termes de coûts.
Pour générer des résumés efficaces, redBus fournit le contexte suivant à l'API Summarizer, en plus des avis des clients :
//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.';
Les résumés améliorent la prise de décision des clients, sans coûts commerciaux supplémentaires ni complexité technique. De plus, redBus peut personnaliser le résumé en fonction des préférences de voyage des utilisateurs connectés, comme le confort des sièges ou la disponibilité du Wi-Fi. L'inférence est effectuée côté client, ce qui signifie que cette recherche et ce résumé restent privés pour l'utilisateur.
Consultez un court exemple de code qui vérifie la disponibilité de l'API Summarizer, fournit un contexte et récupère les avis en fonction de la requête de recherche de l'utilisateur.
// 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
}
}
Pour l'exemple de recherche de Bangalore à Mangalore, le résultat de l'API Summarizer est le suivant :
<Bus Provider X> a généralement reçu des avis positifs concernant le confort, la propreté et le service du personnel. Certains utilisateurs ont rencontré des problèmes mineurs, tels que des retards, un comportement désagréable du conducteur, un manque d'équipements (suivi en direct, couvertures) et un manque de confort (taille des sièges, amortisseurs de mauvaise qualité).
Cet avis répond aux exigences demandées, avec des points positifs et négatifs dans un court paragraphe, ce qui est beaucoup plus facile à lire que 308 avis individuels.
Miravia a résumé les avis sur l'e-commerce
Miravia est une plate-forme d'e-commerce de premier plan en Espagne, avec des millions d'utilisateurs actifs par mois. Chaque fois que les utilisateurs filtrent les avis (par exemple, par note du produit), un nouveau résumé est généré. Cela fournit un aperçu succinct des commentaires des clients, en mettant en évidence les préoccupations et les recommandations.
"Auparavant, pour comprendre les principaux avantages et inconvénients des avis sur les produits, les utilisateurs devaient lire de nombreux commentaires individuels sur la page de détails. Pour les aider à comprendre rapidement le sentiment général des clients, nous avons introduit l'API Summarizer. Ce résumé est mis à jour de manière dynamique chaque fois qu'un utilisateur filtre les avis (par exemple, par note ou par d'autres critères), ce qui fournit un aperçu rapide et complet des commentaires pertinents des acheteurs."
— Ziyi Liang, Senior Software Engineer, Miravia
Au départ, la fonctionnalité de résumé des avis des utilisateurs de Miravia reposait sur un service d'IA côté serveur. L'entreprise a constaté que Gemini Nano, qui exécute l'IA côté client, peut fournir des résultats comparables, tout en réduisant les coûts de maintenance. Cet avantage est particulièrement évident pour les articles populaires et à forte demande, dont les avis sont constamment mis à jour.
Bien que l'implémentation de Miravia nécessite la récupération et le résumé des avis en temps réel, que l'inférence se produise sur le serveur ou dans le navigateur, l'IA côté client est nettement plus efficace à mesure que la fréquence augmente. L'entreprise est satisfaite de ses performances globales.
Tout d'abord, Miravia vérifie la compatibilité des fonctionnalités et des appareils.
// 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.',
};
};
Ensuite, Miravia résume les avis disponibles. Les avis sont associés à une période supplémentaire pour rendre l'entrée plus cohérente.
/**
* 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.'
);
}
};
Amélioration des conversions
Depuis que l'API Summarizer est disponible en production, Miravia a constaté que les résumés entraînent les résultats suivants :
- Une augmentation de 12,4% des conversions sur les pages produit.
- Une augmentation de 3,3% des conversions sur l'ensemble du site Web.
Bonnes pratiques
Si l'entrée d'avis dépasse la limite de jetons, suivez ces mesures d'atténuation :
- Utilisez un échantillon plus petit (par exemple, les quatre avis les plus récents) pour l'API. Cela permet de générer des résultats plus rapidement. Consultez nos conseils sur la mise à l'échelle de la synthèse côté client.
QuotaExceededErrorfournit plus d'informations sur les jetons demandés dans l'entrée. L'objetsummarizerpossède une propriétéinputQuotaqui indique la limite de jetons de l'API. Cela permet de fournir des commentaires en temps réel et de désactiver la fonctionnalité si l'entrée dépasse la limite.
Vous pouvez envisager une approche hybride pour garantir une expérience fluide à tous les utilisateurs. La première fois qu'une API d'IA intégrée est appelée, le navigateur doit télécharger le modèle.
- Miravia a utilisé un modèle côté serveur pour fournir un résumé initial pendant le téléchargement du modèle. Une fois le modèle intégré prêt, le site est passé à l'inférence côté client.
Vous devez toujours vous efforcer de créer une interface conviviale et communicative :
- Implémentez une barre de progression pour les téléchargements de modèles et réduisez les délais de réponse.
- Envisagez d'être transparent sur le téléchargement du modèle. Bright Sites a informé les utilisateurs du téléchargement du modèle pour permettre la transparence et le consentement à l'utilisation des ressources. Ainsi, les utilisateurs pouvaient accepter ou refuser avant de continuer.
Conclusions et recommandations
Ces exemples concrets de redBus et de Miravia montrent comment l'API Summarizer a aidé les utilisateurs à prendre des décisions éclairées rapidement en fournissant des résumés concis et pertinents des avis des utilisateurs. La capacité de l'API à fonctionner côté client, sans coûts commerciaux supplémentaires et avec une faible complexité technique, en fait une option viable pour des cas d'utilisation similaires où des informations doivent être résumées. Toutes les API d'IA intégrées permettent des cas d'utilisation pratiques de l'IA côté client.
Vous vous demandez comment l'API Summarizer peut vous aider dans d'autres cas d'utilisation ? Nous avons également expliqué comment l'API Summarizer augmente l'engagement des articles.
Vous créez quelque chose de nouveau avec ces API ? Partagez-le avec nous sur @ChromiumDev sur X ou sur Chromium for Developers sur LinkedIn.
Ressources
- En savoir plus sur l'API Summarizer.
- Commencer à utiliser les API intégrées sur Chrome.
- Lire l'étude de cas sur l'API Prompt pour aider les blogueurs
- Lire l'étude de cas sur l'API Translation et l'API Language Detector
- Découvrez comment l'API Summarizer aide Bright Sites et Terra à créer des résumés d'articles attrayants
Remerciements
Merci à Makakhov Andrey et Ziyi Liang de Miravia (Alibaba Group), Amit Kumar de redBus, Swetha Gopalakrishnan, Alexandra Klepper, Thomas Steiner et Kenji Baheux pour leur aide à la rédaction et à la relecture de ce document.