วิธีกำหนดค่า Faceted Search สำหรับ Drupal 8 (และ 9) – บทช่วยสอนทีละขั้นตอนง่าย ๆ

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

Facet API ก่อนหน้านี้ใน Drupal 7 โมดูล Facet ใน Drupal 8 ช่วยให้เว็บไซต์ของคุณมีความสามารถในการค้นหาแบบเหลี่ยมเพชรพลอย Facets ยังรองรับ Drupal 9 ด้วย! มาดูการกำหนดค่าและใช้งานการค้นหาแบบ Faceted ด้วยเซิร์ฟเวอร์การค้นหาของ Drupal นั่นคือ Search API

Faceted Search คืออะไร?

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

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

การติดตั้ง Facets Module สำหรับ Drupal 8

ตามที่กล่าวไว้ก่อนหน้านี้ เราจะใช้การค้นหาแบบ Faceted โดยใช้โมดูล Search API ของ Drupal

ขั้นตอนที่ 1: เปิดใช้งานโมดูล

ติดตั้งและเปิดใช้งานโมดูลเหล่านี้
• โมดูล Facet
• ค้นหาโมดูล API

ขั้นตอนที่ 2: การสร้างประเภทเนื้อหา

สร้างเนื้อหาที่คุณต้องการรวมไว้ในการค้นหาแบบเหลี่ยมเพชรพลอยโดยเพิ่มประเภทเนื้อหาดังที่แสดงด้านล่าง คุณยังสามารถใช้ประเภทเนื้อหาเริ่มต้นที่ Drupal ให้มา

ขั้นตอนที่ 3: การกำหนดค่าเซิร์ฟเวอร์การค้นหา

ไปที่การ กำหนดค่า -> การค้นหาและข้อมูลเมตา -> Search-API จากอินเทอร์เฟซผู้ดูแลระบบเพื่อกำหนดค่าเซิร์ฟเวอร์การค้นหาของคุณ ตั้งชื่อให้กับเซิร์ฟเวอร์การค้นหาของคุณ (ที่นี่ - เซิร์ฟเวอร์ข้อมูล)

ขั้นตอนที่ 4: การกำหนดค่าดัชนีการค้นหา

ถัดไป กำหนดค่าดัชนีการค้นหาเพื่อปรับปรุงประสิทธิภาพการค้นหา ไปที่ Configuration -> Search and metadata -> Search-API -> Index -> data_index

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

ขั้นตอนที่ 5: การเพิ่มฟิลด์สำหรับการจัดทำดัชนี

ต่อไป เราต้องเพิ่มฟิลด์ที่จะทำดัชนี ไปที่การ กำหนดค่า -> ค้นหาและข้อมูลเมตา -> ค้นหา API -> ดัชนีข้อมูล และเลือกแท็บ ฟิลด์ คลิกที่ปุ่ม เพิ่มฟิลด์ เพื่อสร้างฟิลด์ตามความต้องการของคุณ

ขั้นตอนที่ 6: การสร้างดัชนีเนื้อหา

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

ขั้นตอนที่ 7: การสร้างมุมมอง

ตอนนี้เราจะสร้างมุมมองสำหรับข้อมูลที่ต้องทำดัชนีและแสดงต่อผู้ใช้ของคุณ ไปที่ โครงสร้าง -> มุมมอง -> เพิ่มมุมมอง

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

ขั้นตอนที่ 8: การเพิ่มฟิลด์ให้กับ View

ที่นี่เราจะเพิ่มฟิลด์ที่เราได้จัดทำดัชนีไว้ก่อนหน้านี้ในมุมมอง
ไปที่ Views คลิกที่ปุ่ม Add ถัดจากส่วน Fields เลือกฟิลด์ คลิกที่ เพิ่มและกำหนดค่า
ภายใต้ การตั้งค่าการแสดงผล ให้เลือกกล่องกาเครื่องหมาย ลิงก์ไปยังเนื้อหา เพื่อให้ผลลัพธ์ที่แสดงสามารถคลิกได้
คลิกบันทึก

ขั้นตอนที่ 9: การกำหนดค่า Facets

ตอนนี้ มาเริ่มการกำหนดค่าและเปิดใช้งาน facet ไปที่การ กำหนดค่า -> การค้นหาและข้อมูลเมตา -> Facets

คลิกที่ปุ่มเพิ่มข้อมูลประกอบ

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

ถัดไป คุณจะเห็นตัวเลือกการกำหนดค่าเพิ่มเติมสำหรับการแสดงแง่มุมต่างๆ (ดังแสดงในภาพด้านล่าง) วิดเจ็ตจะแสดงรายการตัวเลือกต่างๆ เช่น รายการลิงก์ อาร์เรย์ รายการดรอปดาวน์ ฯลฯ คุณสามารถเลือกสิ่งที่เหมาะกับเว็บไซต์ของคุณได้มากที่สุด
เลือก “แปลงรหัสเอนทิตีเป็นป้ายกำกับ” เพื่อหลีกเลี่ยงการแสดงชื่อเครื่องของประเภทเนื้อหา
คลิกที่บันทึก

ขั้นตอนที่ 10: การวางบล็อค Facet ในพื้นที่เพจที่เลือก

ถัดไป วาง Facets ที่คุณสร้างเป็นบล็อกในพื้นที่หน้าที่คุณเลือก
ไปที่ โครงสร้าง -> บล็อกเล ย์เอาต์
เลือกภูมิภาคของหน้าที่คุณต้องการวางบล็อกที่มี Facets
ที่นี่เรากำลังเลือก แถบด้านข้าง คลิกที่ปุ่ม Place Block ถัดจากแถบด้านข้าง
ในกล่องโต้ตอบถัดไป ให้ค้นหาชื่อ Facet แล้วคลิก Place Block

ในส่วนกำหนดค่าการบล็อก ให้ระบุเส้นทางของหน้าค้นหาที่คุณได้สร้างไว้ก่อนหน้านี้ ที่นี่ -“ ค้นหาไซต์ ” คือหน้าที่เราสร้างขึ้น
ระบุชื่อที่แสดงสำหรับบล็อกของคุณ และเลือกกล่องกาเครื่องหมาย แสดงชื่อ หากคุณต้องการให้แสดงชื่อบล็อก (ที่นี่ - ประเภท)
คลิก บันทึกบล็อก

ผลลัพธ์

และเช่นเดียวกัน หน้าการค้นหาและฟังก์ชันการทำงานแบบเหลี่ยมเพชรพลอยของคุณก็พร้อมแล้ว! สังเกต Facet ที่เรียกว่า Type (ชื่อที่แสดง) ที่มีหน้าพื้นฐานและบทความที่ระบุเป็นประเภทเนื้อหาที่จะกรอง