แถบค้นหา AI

ภาพรวม

แถบค้นหา AI คือวิดเจ็ตค้นหาแบบแยกอิสระสำหรับเว็บไซต์ของคุณ ผู้เยี่ยมชมพิมพ์ด้วยคำพูดของตัวเอง และผลลัพธ์ที่ตรงกันจะปรากฏใต้แถบเมื่อพวกเขาหยุดพิมพ์: สินค้าจากฟีดข้อมูลแบบเรียลไทม์ของคุณแสดงเป็นการ์ดพร้อมรูปภาพและราคา และหน้าเว็บจากฐานความรู้ของคุณพร้อมชื่อหน้า ตัวอย่างข้อความสั้น ๆ และลิงก์ เนื่องจากระบบค้นหาตามความหมายไม่ใช่แค่คีย์เวิร์ดที่ตรงกัน ผู้เยี่ยมชมที่พิมพ์คำอธิบายก็ยังพบสิ่งที่ต้องการได้

ใช้ฐานความรู้เดียวกับแชทบอทของคุณ จึงไม่มีอะไรต้องจัดทำดัชนีหรือดูแลเพิ่มเติม วิดเจ็ตทั้งสองเป็นอิสระต่อกัน: ใช้แถบค้นหาอย่างเดียว วิดเจ็ตแชทอย่างเดียว หรือทั้งสองอย่างร่วมกันบนหน้าเดียวกันก็ได้

การเพิ่มลงในเว็บไซต์ของคุณ

ช่องค้นหา AI ต้องใช้แพ็กเกจ Standard ขึ้นไป หากใช้แพ็กเกจต่ำกว่า ช่องค้นหาจะยังปรากฏบนเว็บไซต์ แต่จะไม่แสดงผลลัพธ์ใด ๆ ดังนั้นหากไม่มีอะไรเกิดขึ้น ให้ตรวจสอบแพ็กเกจของคุณก่อน

รหัสวิดเจ็ตของคุณแสดงอยู่ในหน้าช่องค้นหา AI ในแดชบอร์ด

ง่ายที่สุด: แทนที่ช่องค้นหาที่คุณมีอยู่แล้ว

ถ้าเว็บไซต์ของคุณมีช่องค้นหาอยู่แล้ว - ช่องค้นหาของธีม Shopify แบบฟอร์มค้นหาของ WordPress หรือของคุณเอง - คุณไม่ต้องวางอะไรหรือแก้ไขธีม เพียงเพิ่ม data-replace ในแท็กสคริปต์ แล้ววิดเจ็ตจะหาแบบฟอร์มค้นหาเดิม ซ่อนมัน และปรากฏในตำแหน่งเดิมพอดี:

สคริปต์นี้วางตรงไหนของหน้าก็ได้ ดังนั้นปลั๊กอินใดก็ตามที่เพิ่มโค้ดในส่วนหัวหรือส่วนท้ายก็ใช้ได้ การกด Enter โดยไม่เลือกผลลัพธ์ยังคงเปิดหน้าผลการค้นหาเดิมของคุณ สิ่งที่ผู้เข้าชมคุ้นเคยจึงไม่หยุดทำงาน หากการตรวจจับอัตโนมัติเลือกอิลิเมนต์ผิดในธีมที่ไม่ธรรมดา ให้ระบุตัวเลือก CSS แทน auto เช่น data-replace=".header-search" และเมื่อไม่มีอะไรตรงกัน วิดเจ็ตจะไม่แตะต้องหน้าเว็บของคุณ

วางเอง

ถ้ายังไม่มีช่องค้นหา หรืออยากให้อยู่ตำแหน่งใดเป็นพิเศษ ให้วางทั้งสองบรรทัดตรงที่ต้องการให้ช่องค้นหาปรากฏ เช่น ในส่วนหัวข้าง ๆ โลโก้ ช่องค้นหาจะกว้างเต็มอิลิเมนต์ที่คุณวางไว้ ซึ่งมักหมายถึงต้องแก้ไขเทมเพลตของธีม

หากบางอย่างไม่ทำงาน

• ไม่มีช่องค้นหาปรากฏเลย ตรวจสอบว่ารหัสวิดเจ็ตในสคริปต์ตรงกับรหัสในหน้าช่องค้นหา AI และโค้ดอยู่บนหน้าที่เผยแพร่แล้วจริง ไม่ใช่แค่ในฉบับร่างหรือตัวอย่าง
• ช่องค้นหาปรากฏแต่ไม่เคยแสดงผลลัพธ์ เกือบทุกครั้งเป็นเรื่องแพ็กเกจ การค้นหาทำงานตั้งแต่ Standard ขึ้นไป และจะเห็นแบบเดียวกันเมื่อใช้โควตาคำตอบ AI รายเดือนหมดแล้ว
• ได้หน้าเว็บแต่ไม่มีสินค้า สินค้ามาจาก Real-Time Data Feed เชื่อมต่อในหน้าช่องค้นหา AI และตรวจสอบว่าติ๊กช่องแหล่งข้อมูลนั้นแล้ว
• ค้นหาอะไรก็ไม่ได้ผลลัพธ์เลย ฐานความรู้ของคุณอาจยังว่างอยู่ ให้เก็บข้อมูลเว็บไซต์หรือเพิ่มเนื้อหาในแดชบอร์ดก่อน แล้วลองใหม่
• data-replace หาช่องค้นหาของคุณไม่พบ บางธีมซ่อนการค้นหาไว้หลังปุ่มหรือหน้าต่างป็อปอัป ให้ระบุตัวเลือก CSS ของอิลิเมนต์ที่ต้องการแทน auto และดูหน้าเว็บในหน้าต่างเบราว์เซอร์ปกติ ไม่ใช่ในตัวแก้ไขธีม

แหล่งข้อมูลการค้นหา

ช่องทำเครื่องหมายสองช่องในหน้าแถบค้นหา AI ในแดชบอร์ดของคุณควบคุมว่าการค้นหาจะใช้อะไรได้บ้าง: หน้าเว็บไซต์ (หน้าที่รวบรวมข้อมูลแล้วและ URL ที่เพิ่มเข้ามา) และฟีดข้อมูลแบบเรียลไทม์ของคุณ ทั้งสองเปิดใช้งานโดยค่าเริ่มต้น ฟีดไม่ได้จำกัดเฉพาะสินค้า - อะไรก็ตามที่คุณจัดทำดัชนีไว้ เช่น บทความหรือประกาศ สามารถปรากฏเป็นผลลัพธ์ได้ การเปลี่ยนแปลงมีผลบนไซต์ของคุณทันที

ผลลัพธ์สินค้าต้องมีฟีดข้อมูลที่เชื่อมต่อแล้ว ใช้ได้ทั้งสองแบบ คือ ฟีดข้อมูลแบบเรียลไทม์ในแผน Standard ขึ้นไป และฟีดข้อมูลแบบเรียลไทม์ Max ในแผน Pro หากไม่มีฟีด การค้นหายังทำงานได้ เพียงแต่จะคืนเฉพาะหน้าเว็บไซต์ของคุณเท่านั้น และหน้าแดชบอร์ดจะระบุว่าฟีดยังไม่ได้เชื่อมต่อ เพื่อให้คุณทราบว่าทำไมจึงไม่มีสินค้าแสดง

การวิเคราะห์การค้นหา

หน้าแถบค้นหา AI ในแดชบอร์ดของคุณแสดงการค้นหาย้อนหลัง 30 วัน: มีการค้นหากี่ครั้ง กี่ครั้งที่ไม่พบผลลัพธ์ และผู้เยี่ยมชมเปิดผลลัพธ์บ่อยแค่ไหน ตารางสองตารางแสดงคำค้นที่พบบ่อยที่สุดและคำค้นที่ไม่พบผลลัพธ์ ตารางที่สองมีประโยชน์มากกว่า เพราะบอกคุณได้ชัดเจนว่าผู้เยี่ยมชมคาดหวังอะไรแต่หาไม่พบ

การบันทึกเปิดอยู่โดยค่าเริ่มต้น และคุณปิดได้ด้วยช่องทำเครื่องหมายเพียงช่องเดียวในหน้าเดียวกัน เมื่อปิดแล้วจะไม่มีการเก็บข้อความค้นหาใด ๆ เลย และตารางจะหยุดอัปเดต ส่วนการค้นหาเองยังทำงานเหมือนเดิมทุกประการ

การค้นหาที่คุณทำบนหน้าแดชบอร์ดจะไม่ถูกนับ เว็บไซต์ที่ใช้โหมดไม่เก็บข้อมูลจะไม่บันทึกข้อความค้นหาเลย และหากคุณตั้งนโยบายการเก็บรักษาข้อมูล บันทึกการค้นหาจะถูกลบตามกำหนดเวลาเดียวกับการสนทนาของคุณ

ผลลัพธ์มีหน้าตาอย่างไร

การตั้งค่าสองรายการในหน้า AI Search Bar ในแดชบอร์ดของคุณเปลี่ยนหน้าตาของแถบและผลลัพธ์ ทั้งสองบันทึกทันทีที่เลือก และไม่ต้องแก้โค้ดเลย

รายละเอียดผลลัพธ์สินค้า

ใต้ชื่อสินค้าแต่ละรายการ แถบสามารถแสดงคำอธิบายหนึ่งบรรทัดจากฟีดข้อมูลของคุณ จะช่วยได้หรือไม่ขึ้นอยู่กับเนื้อหาในฟีดทั้งหมด ฟีดท่องเที่ยวที่บอกระยะเวลาการเดินทางและที่นั่งคงเหลือคุ้มค่าที่จะแสดง ส่วนฟีดที่มีเพียงรายการคุณสมบัติจะอ่านเหมือนข้อมูลดิบจากฐานข้อมูล

คุณจึงเลือกได้: เฉพาะชื่อ หนึ่งบรรทัด หรือสองบรรทัด ค่าเริ่มต้นคือหนึ่งบรรทัดและเหมาะกับฟีดส่วนใหญ่ เพราะเพียงพอที่จะแยกสินค้าสองรายการที่คล้ายกันโดยไม่ทำให้รายการแน่นเกินไป การตั้งค่านี้มีผลกับผลลัพธ์สินค้าเท่านั้น ส่วนผลลัพธ์หน้าเว็บจะแสดงข้อความที่ตรงกับการค้นหาของผู้เข้าชมเสมอ

ขนาดแถบ

แถบมีสามความสูง: กะทัดรัด 38 พิกเซลสำหรับส่วนหัวที่แคบ ค่าเริ่มต้น 44 พิกเซล และใหญ่ 52 พิกเซลสำหรับหน้าที่สร้างขึ้นรอบการค้นหา ขนาดตัวอักษรจะเปลี่ยนตามไปด้วย

ความกว้างเราไม่เคยเป็นผู้กำหนด แถบจะเต็มองค์ประกอบที่คุณวางไว้เสมอ ดังนั้นคุณควบคุมความกว้างด้วยเลย์เอาต์ของคุณเอง แผงผลลัพธ์จะปรับให้ตรงกับแถบโดยอัตโนมัติ

หลังเปลี่ยนขนาด ให้คัดลอกโค้ดฝังอีกครั้ง โค้ดใหม่มีขนาดติดมาด้วย แถบจึงถูกต้องตั้งแต่หน้าเว็บโหลด หากคุณไม่คัดลอกใหม่ แถบก็ยังปรับขนาดเอง แต่จะเกิดขึ้นหลังการค้นหาครั้งแรกเท่านั้น

เมื่อการค้นหาไม่พบผลลัพธ์

หากวิดเจ็ตแชทของคุณอยู่บนหน้าเดียวกัน แถบค้นหาจะเสนอส่งคำถามต่อให้ผู้ช่วยของคุณทุกครั้งที่การค้นหาไม่พบผลลัพธ์ ผู้เยี่ยมชมยังคงคำถามเดิมไว้และเข้าสู่แชทโดยมีคำถามพิมพ์ไว้ให้แล้ว ทางตันจึงกลายเป็นบทสนทนา ตัวเลือกนี้จะปรากฏก็ต่อเมื่อมีวิดเจ็ตแชทอยู่เท่านั้น

ตัวเลือก

แถบค้นหาจะใช้ภาษาเบราว์เซอร์ของผู้เยี่ยมชมโดยอัตโนมัติสำหรับข้อความตัวอย่าง (Placeholder) หัวข้อของผลลัพธ์ และข้อความขณะกำลังโหลด ตั้งค่าเหล่านี้เฉพาะเมื่อคุณต้องการใช้ข้อความของคุณเอง

หัวข้อทั้งสองสามารถเปลี่ยนชื่อได้จากหน้าช่องค้นหา AI ในแดชบอร์ดด้วย โดยไม่ต้องแก้โค้ด วิธีนี้ง่ายกว่าหากฟีดข้อมูลของคุณเป็นบทความหรือประกาศแทนที่จะเป็นสินค้า แอตทริบิวต์บนแท็กสคริปต์ยังคงมีความสำคัญเหนือการตั้งค่าในแดชบอร์ด

แอตทริบิวต์ทั้งหมดเป็นตัวเลือกเสริมและใส่ไว้ในแท็กสคริปต์:

• data-placeholder="Search products..." - ข้อความที่แสดงในแถบค้นหาเมื่อว่าง
• data-accent="#0a7d4f" - สีโฟกัสและไฮไลต์ เพื่อให้เข้ากับแบรนด์ของคุณ
• data-max-results="8" - จำนวนผลลัพธ์ที่จะแสดง ตั้งแต่ 1 ถึง 20
• data-new-tab="true" - เปิดผลลัพธ์ในแท็บเบราว์เซอร์ใหม่
• data-size="sm" - ความสูงของแถบ: sm, md หรือ lg มีผลเหนือขนาดที่ตั้งไว้ในแดชบอร์ด
• data-label-products="Products" - หัวข้อเหนือผลลัพธ์จากฟีด ในภาษาของคุณ - เช่น บทความ หากฟีดของคุณมีบทความ
• data-label-pages="Pages" - หัวข้อเหนือผลลัพธ์หน้าเว็บ ในภาษาของคุณ
• data-label-empty="No results found" - ข้อความเมื่อไม่มีผลลัพธ์ที่ตรงกัน
• data-label-searching="Searching..." - ข้อความที่แสดงขณะกำลังโหลดผลลัพธ์
• data-label-ask-ai="Ask our assistant" - ข้อความของตัวเลือกที่ส่งการค้นหาที่ไม่พบผลลัพธ์ต่อให้แชทบอทของคุณ
• data-target=".my-container" - แสดงแถบภายในองค์ประกอบนี้แทนคอนเทนเนอร์เริ่มต้น
• data-replace="auto" - แทนที่แถบค้นหาที่ธีมของคุณมีอยู่แล้ว ตามที่อธิบายไว้ด้านบน

การใช้งานและการเรียกเก็บเงิน

การค้นหาแต่ละครั้งของผู้เยี่ยมชมใช้การตอบกลับจาก AI 1 ครั้งจากขีดจำกัดแผนรายเดือนของคุณ - ขีดจำกัดเดียวกับที่การตอบกลับของแชทบอทใช้ การค้นหาจะทำงานเมื่อผู้เยี่ยมชมหยุดพิมพ์ ไม่ใช่ทุกตัวอักษร การค้นหาที่คุณทำในหน้าแถบค้นหา AI ในแดชบอร์ดของคุณจะไม่ถูกนับ เมื่อถึงขีดจำกัดรายเดือนของคุณ แถบค้นหาจะไม่แสดงผลลัพธ์จนกว่าขีดจำกัดจะรีเซ็ต

ข้อควรรู้

• ผู้เยี่ยมชมสามารถค้นหาในภาษาใดก็ได้ แม้เนื้อหาของคุณจะเขียนในอีกภาษาหนึ่ง
• การสะกดผิดและคำที่พิมพ์ค้างไว้ครึ่งเดียวก็ยังหาสิ่งที่ใช่เจอ ค้นหาคำว่า “แจคเกต” ก็ยังเจอแจ็กเก็ตของคุณ
• ราคาสินค้าจะแสดงพร้อมสัญลักษณ์สกุลเงินของคุณ ซึ่งดึงมาจากสกุลเงินในฟีดของคุณ
• หน้าเดียวกันที่มีหลายภาษาจะปรากฏเพียงครั้งเดียว - ฉบับที่ตรงกับภาษาที่ใช้ค้นหาจะถูกเลือก
• ผลลัพธ์เปิดหน้าจริงบนไซต์ของคุณ แถบค้นหาจึงทำหน้าที่เป็นการนำทางได้ด้วย
• วิดเจ็ตเป็นสคริปต์ขนาดเล็กเพียงตัวเดียวที่ไม่ต้องพึ่งไลบรารีอื่น และไม่ทำให้หน้าของคุณช้าลง
• การควบคุมด้วยคีย์บอร์ดใช้ได้ทันที: ปุ่มลูกศรเพื่อเลื่อน Enter เพื่อเปิด Escape เพื่อปิด