เผยแพร่เมื่อวันที่ 15 พฤษภาคม 2025 อัปเดตล่าสุดเมื่อวันที่ 27 พฤษภาคม 2026
เว็บไซต์ที่มีรีวิวจากผู้ใช้ เช่น เว็บไซต์อีคอมเมิร์ซหรือเว็บไซต์ท่องเที่ยว มักมีข้อมูลจำนวนมาก ซึ่งอาจทำให้ผู้ใช้ต้องเสียเวลาอ่านรีวิวจำนวนมากเพื่อตัดสินใจซื้อ การสรุปรีวิวจะช่วยให้ผู้ใช้เข้าใจความคิดเห็นและประหยัดเวลาได้
ดูวิธีที่ redBus และ Miravia ใช้ Summarizer API เพื่อปรับปรุงการตัดสินใจและประสบการณ์การซื้อ การเพิ่มสรุปรีวิวของ Miravia ส่งผลให้ อัตรา Conversion ในหน้าผลิตภัณฑ์และ ทั่วทั้งเว็บไซต์ดีขึ้น
| วิดีโออธิบาย | เว็บ | ส่วนขยาย | สถานะ Chrome | ความตั้งใจ |
|---|---|---|---|---|
| MDN | ดู | ความตั้งใจในการเปิดตัว |
Summarizer API ช่วยให้คุณสร้างสรุปประเภทต่างๆ ได้ในความยาวและรูปแบบที่หลากหลาย เช่น ประโยค ย่อหน้า รายการแบบมีสัญลักษณ์แสดงหัวข้อย่อย และอื่นๆ API นี้ เช่นเดียวกับ AI API ในตัวหลายรายการ ใช้โมเดลภาษาขนาดใหญ่เพื่อทำการอนุมาน ใน Chrome โมเดลคือ Gemini Nano
redBus ช่วยลูกค้าตัดสินใจเลือกตัวเลือกรถโดยสารที่ดีที่สุด
redBus เป็นผู้ให้บริการรถโดยสารที่ใหญ่ที่สุดในอินเดีย โดยมีลูกค้ามากกว่า 30 ล้านราย และให้บริการรถโดยสารในเมืองและเมืองเล็กๆ ประมาณ 10,000 แห่งทั่วประเทศ redBus ตระหนักว่ารีวิวที่ผู้ใช้สร้างขึ้นมีบทบาทสำคัญในการช่วยลูกค้าตัดสินใจเลือกเส้นทางและรถโดยสารที่เหมาะกับความต้องการในการเดินทางมากที่สุด โดยพิจารณาจากข้อมูลและความคิดเห็นที่ได้รับ redBus ได้รับรีวิวจำนวนมาก และรีวิวแต่ละรายการจะเจาะจงจุดขึ้นและลงรถ รวมถึงเวลาที่แน่นอน
redBus ใช้ Summarizer API เพื่อนำเสนอข้อมูลเชิงลึกที่สำคัญจากรีวิวที่เกี่ยวข้อง เพื่อช่วยให้ลูกค้าเข้าใจภาพรวมของเมืองหรือเส้นทางบางแห่ง
"Summarizer API สามารถสร้างสรุปคุณภาพจากรีวิวจำนวนมากและการเรียงสับเปลี่ยนคำค้นหาของผู้ใช้ ฟีเจอร์ฝั่งไคลเอ็นต์นี้ช่วยลดความซับซ้อนทางเทคนิคและค่าใช้จ่ายทางธุรกิจเพิ่มเติมที่อาจเกิดขึ้นหากใช้ตัวเลือกฝั่งเซิร์ฟเวอร์ ซึ่งเป็นสิ่งสำคัญสำหรับเราเนื่องจาก Use Case นี้เป็นส่วนหนึ่งของ Conversion Funnel
— Amit Kumar, Senior Engineering Manager, redBus
ความละเอียดของรีวิวที่จัดเก็บไว้ในแบ็กเอนด์ของ redBus เมื่อรวมกับจำนวนการเรียงสับเปลี่ยนที่เป็นไปได้มากมายในคำค้นหาของผู้ใช้ ซึ่งมีตัวแปรต่างๆ เช่น เวลาออกเดินทางและเวลามาถึง จุดขึ้นรถที่เฉพาะเจาะจงในเมือง และผู้ให้บริการรถโดยสารที่แตกต่างกัน ทำให้ยากที่จะไฮไลต์ข้อมูลเชิงลึกที่เฉพาะเจาะจงจากรีวิว การสรุปฝั่งเซิร์ฟเวอร์สำหรับคำค้นหาแต่ละรายการจะมีค่าใช้จ่ายสูงเกินไปเมื่อพิจารณาจากปริมาณข้อมูลดังกล่าว
redBus ให้บริบทต่อไปนี้แก่ 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.';
สรุปช่วยให้ลูกค้าตัดสินใจได้ดีขึ้น โดยไม่มีค่าใช้จ่ายทางธุรกิจเพิ่มเติมและความซับซ้อนทางเทคนิค นอกจากนี้ redBus ยังปรับเปลี่ยนสรุปให้เหมาะกับความต้องการในการเดินทางของผู้ใช้ที่เข้าสู่ระบบ เช่น ความสบายของที่นั่งหรือความพร้อมใช้งานของ Wi-Fi การอนุมานฝั่งไคลเอ็นต์ ซึ่งหมายความว่าการค้นหาและสรุปนี้จะเป็นส่วนตัวสำหรับผู้ใช้
ดูตัวอย่างโค้ดสั้นๆ ที่ตรวจสอบความพร้อมใช้งานของ Summarizer ให้บริบท และดึงข้อมูลรีวิวตามคำค้นหาของผู้ใช้
// 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
}
}
เมื่อค้นหาจากบังกาลอร์ไปมังกาลอร์ ตัวสรุปจะแสดงผลลัพธ์ดังนี้
<Bus Provider X> โดยทั่วไปได้รับรีวิวเชิงบวกเกี่ยวกับความสะดวกสบาย ความสะอาด และการบริการของพนักงาน ผู้ใช้บางรายพบปัญหาเล็กน้อย เช่น ความล่าช้า พฤติกรรมของคนขับ (ไม่สุภาพ) สิ่งอำนวยความสะดวกไม่เพียงพอ (การติดตามแบบเรียลไทม์ ผ้าห่ม) และความไม่สะดวก (ขนาดที่นั่ง โช้กอัปไม่ดี)
รีวิวนี้ตรงตามข้อกำหนดที่ขอ โดยมีข้อดีและข้อเสียในย่อหน้าสั้นๆ ซึ่งอ่านง่ายกว่ารีวิวแต่ละรายการ 308 รายการมาก
Miravia สรุปรีวิวอีคอมเมิร์ซ
Miravia เป็นแพลตฟอร์มอีคอมเมิร์ซชั้นนำในสเปน โดยมีผู้ใช้ที่ใช้งานอยู่รายเดือนหลายล้านราย เมื่อใดก็ตามที่ผู้ใช้กรองรีวิว (เช่น ตามการให้คะแนนผลิตภัณฑ์) ระบบจะสร้างสรุปใหม่ ซึ่งจะให้ภาพรวมที่กระชับของความคิดเห็นของลูกค้า โดยไฮไลต์ข้อกังวลและคำแนะนำ
"ก่อนหน้านี้ การทำความเข้าใจข้อดีและข้อเสียที่สำคัญภายในรีวิวผลิตภัณฑ์กำหนดให้ผู้ใช้ต้องอ่านความคิดเห็นแต่ละรายการจำนวนมากในหน้ารายละเอียด เราจึงได้เปิดตัว Summarizer API เพื่อช่วยให้ผู้ใช้เข้าใจความรู้สึกโดยรวมของลูกค้าได้อย่างรวดเร็ว สรุปนี้จะอัปเดตแบบไดนามิกทุกครั้งที่ผู้ใช้กรองรีวิว (เช่น ตามการให้ดาวหรือเกณฑ์อื่นๆ) ซึ่งให้ภาพรวมที่รวดเร็วและครอบคลุมของความคิดเห็นที่เกี่ยวข้องจากผู้ซื้อ"
— Ziyi Liang, Senior Software Engineer, Miravia
ในตอนแรก ฟีเจอร์การสรุปรีวิวจากผู้ใช้ของ Miravia อาศัยบริการ AI ฝั่งเซิร์ฟเวอร์ แต่พบว่า Gemini Nano ที่ทำงานด้วย AI ฝั่งไคลเอ็นต์สามารถให้ผลลัพธ์ที่เทียบเคียงกันได้ โดยมีค่าใช้จ่ายในการบำรุงรักษาน้อยลง ข้อได้เปรียบนี้ชัดเจนอย่างยิ่งสำหรับสินค้าที่ได้รับความนิยมและขายได้รวดเร็ว ซึ่งรีวิวจะได้รับการอัปเดตอยู่เสมอ
แม้ว่าการติดตั้งใช้งานของ Miravia จะต้องดึงข้อมูลและสรุปรีวิวแบบเรียลไทม์ ไม่ว่าการอนุมานจะเกิดขึ้นในเซิร์ฟเวอร์หรือในเบราว์เซอร์ AI ฝั่งไคลเอ็นต์ก็มีประสิทธิภาพมากกว่าอย่างเห็นได้ชัดเมื่อความถี่เพิ่มขึ้น และทีมงานก็พอใจกับประสิทธิภาพโดยรวม
ก่อนอื่น Miravia จะตรวจสอบความเข้ากันได้ของฟีเจอร์และอุปกรณ์
// 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.',
};
};
จากนั้น Miravia จะสรุปรีวิวที่มี โดยจะเพิ่มจุดลงท้ายรีวิวเพื่อให้ข้อมูลอินพุตมีความสอดคล้องกันมากขึ้น
/**
* 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.'
);
}
};
Conversion ที่ดีขึ้น
นับตั้งแต่ Summarizer API พร้อมใช้งานในเวอร์ชันที่ใช้งานจริง Miravia พบว่าสรุปนำไปสู่ผลลัพธ์ต่อไปนี้
- Conversion ในหน้าผลิตภัณฑ์สูงขึ้น 12.4%
- Conversion ทั่วทั้งเว็บไซต์สูงขึ้น 3.3%
แนวทางปฏิบัติแนะนำ
หากอินพุตรีวิวเกินขีดจำกัดโทเค็น ให้ทำตามวิธีลดผลกระทบต่อไปนี้
- ใช้ตัวอย่างขนาดเล็กลง (เช่น รีวิว 4 รายการล่าสุด) กับ API ซึ่งจะช่วยสร้างผลลัพธ์ได้เร็วขึ้น โปรดดูคำแนะนำเกี่ยวกับ การปรับขนาดการสรุปฝั่งไคลเอ็นต์
QuotaExceededErrorจะให้ข้อมูลเพิ่มเติมเกี่ยวกับโทเค็นที่ขอในอินพุต ออบเจ็กต์summarizerมีพร็อพเพอร์ตี้inputQuotaที่ระบุขีดจำกัดโทเค็นของ API ซึ่งช่วยให้แสดงความคิดเห็นแบบเรียลไทม์และปิดใช้ฟังก์ชันได้หากอินพุตเกินขีดจำกัด
คุณอาจพิจารณาใช้แนวทางแบบไฮบริดเพื่อให้ผู้ใช้ทุกคนได้รับประสบการณ์การใช้งานที่ราบรื่น เมื่อมีการเรียกใช้ AI API ในตัวเป็นครั้งแรก เบราว์เซอร์จะต้องดาวน์โหลดโมเดล
- Miravia ใช้โมเดลฝั่งเซิร์ฟเวอร์เพื่อแสดงสรุปเริ่มต้นในขณะที่โมเดลกำลังดาวน์โหลด เมื่อโมเดลในตัวพร้อมใช้งานแล้ว เว็บไซต์จะเปลี่ยนไปทำการอนุมานฝั่งไคลเอ็นต์
คุณควรพยายามสร้างอินเทอร์เฟซที่ใช้งานง่ายและสื่อสารได้เสมอ โดยทำดังนี้
- ใช้แถบความคืบหน้า สำหรับการดาวน์โหลดโมเดลและลดความล่าช้าในการตอบสนอง
- พิจารณาความโปร่งใสเกี่ยวกับการดาวน์โหลดโมเดล Bright Sites แจ้งให้ผู้ใช้ทราบเกี่ยวกับการดาวน์โหลดโมเดลเพื่อให้เกิดความโปร่งใสและได้รับความยินยอมในการใช้ทรัพยากร ผู้ใช้จึงสามารถยอมรับหรือปฏิเสธก่อนดำเนินการต่อได้
บทสรุปและคําแนะนํา
ตัวอย่างจริงจาก redBus และ Miravia แสดงให้เห็นว่า Summarizer API ช่วยให้ผู้ใช้ตัดสินใจได้อย่างมีข้อมูลประกอบอย่างรวดเร็วด้วยการแสดงสรุปรีวิวจากผู้ใช้ที่กระชับและเกี่ยวข้อง ความสามารถของ API ในการทำงานฝั่งไคลเอ็นต์โดยไม่มีค่าใช้จ่ายทางธุรกิจเพิ่มเติมและความซับซ้อนทางเทคนิคต่ำ ทำให้ API นี้เป็นตัวเลือกที่เหมาะสมสำหรับ Use Case ที่คล้ายกันซึ่งต้องมีการสรุปข้อมูล AI API ในตัวทั้งหมดช่วยให้เกิด Use Case ของ AI ฝั่งไคลเอ็นต์ที่ใช้งานได้จริง
สงสัยไหมว่า Summarizer API จะช่วยใน Use Case อื่นๆ ได้อย่างไร เรายังได้ แชร์วิธีที่ Summarizer API ช่วยเพิ่มการมีส่วนร่วมกับบทความ
คุณกำลังสร้างสิ่งใหม่ๆ ด้วย API เหล่านี้อยู่ใช่ไหม โปรดแชร์กับเราที่ @ChromiumDev บน X หรือ Chromium for Developers บน LinkedIn
แหล่งข้อมูล
- ดูข้อมูลเพิ่มเติมเกี่ยวกับ Summarizer API
- เริ่มต้นใช้ API ในตัวบน Chrome
- อ่านกรณีศึกษา Prompt API เกี่ยวกับการเพิ่มศักยภาพให้บล็อกเกอร์
- อ่านกรณีศึกษา Translation and Language Detector
- อ่านวิธีที่ Summarizer API ช่วย Bright Sites และ Terra สร้างสรุปบทความที่น่าสนใจ
คำขอบคุณ
ขอขอบคุณ Makakhov Andrey และ Ziyi Liang จาก Miravia (Alibaba Group), Amit Kumar จาก redBus, Swetha Gopalakrishnan, Alexandra Klepper, Thomas Steiner และ Kenji Baheux ที่ช่วยเขียนและ ตรวจสอบเอกสารนี้