มาทำ Custom Search Engine เพื่อค้นหาข้อมูลภายในเว็บของเรากันดีกว่า (บริการจากกูเกิล)

เมื่อก่อนโน้น... เวลาจะสร้างระบบค้นหา (Search Engine) ภายในเว็บไซต์ของเรา จะต้องเขียนโค้ดขึ้นมาเอง แถมยังมีข้อจำกัดมากมาย แต่ตอนนี้มีระบบการค้นหา บริการจากเว็บอากู๋ (google.com) ที่เราสามารถไปสมัครที่ Site Search


กรอกแบบฟอร์มและข้อกำหนดอีกนิดหน่อย ก็สามารถนำมาใช้งานกับเว็บไซต์ของเราได้แล้วครับ



ในที่นี้ขอแสดงตัวอย่างการนำโค้ดมาใช้งานกับบล็อก (blogspot.com) ในตอนท้ายบทความนี้ครับ


ตัวอย่างระบบค้นหา (search engine) ภายในเว็บ

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

มาดูขั้นตอนเต็มๆ กันครับ


มาสมัครใช้บริการกันก่อน คลิกที่นี่ครับ แล้วเลื่อนลงไปข้างล่างหน่อยนึง คลิกต่อที่ Sign up now ซึ่งจะมีขั้นตอนง่ายๆ เพียง 2 ขั้นตอน ดังนี้

1. ตั้งค่าเครื่องมือค้นหาของคุณ (Set up your search engine) เป็นขั้นตอนของ การกรอกรายละเอียด และเลือกสิ่งที่ต้องการ

• ชื่อเครื่องมือค้นหา (Search engine name) : ตั้งชื่อเครื่องมือค้นหาของเรา
• คำอธิบายของเครื่องมือค้นหา (Search engine description) : คำอธิบายเกี่ยวกับเครื่องมือค้นหาของเรา
• ภาษาของเครื่องมือค้นหา (Search engine language) : เลือกภาษา
• เว็บไซต์สำหรับการค้นหา (Sites to search) : ใส่ลิงค์เว็บไซต์ของเรา
• Editions: เลือกที่ Standard Edition นะครับ เพราะตัวเลือกอีกอันต้องเสียค่าบริการ
• ติ๊กเครื่องหมายถูกหน้าคำว่า I have read and agree to the Terms of Service
• คลิกที่ ถัดไป (Next)
  

2. ทดลองใช้ (Try it out) เป็นขั้นตอนของการทดสอบ หากยังไม่ใช่ตามที่ต้องการก็ให้ย้อนกลับไปตั้งค่าอีกครั้งหนึ่ง

• หากพอใจแล้ว ก็ให้ติ๊กเครื่องหมายถูกหน้าคำว่า Send confirmation email to ............ (อีเมล์ที่ท่านได้สมัครเอาไว้ก่อนหน้านี้)
• คลิกที่ Finish

ตัวอย่างการนำโค้ดมาใช้งานที่ blogspot


1. หลังจากที่เราได้กำหนด Search Engine เสร็จหมดแล้ว เราจะมาเริ่มต้นที่หน้า My search engines
2. ที่กรอบ Search engines I've created ให้คลิกที่ control panel ซึ่งจะมีหลายอย่างให้เราเลือกปรับค่า
3. ด้านบนจะเห็นหัวข้อ Control panel: Freindship's blog Search Engine ให้คลิกที่ code เพื่อจะนำโค้ดมาแปะที่เว็บของเราให้แสดง Search Engine ที่เรากำหนดค่าไว้
4. ที่หัวข้อ Search results hosting options ให้เลือกตามนี้

• 1) Host results on your website: เลือก overlay – requires one page, but presents results in a modal overlay
• 2) กรอกลิงค์เว็บของเราในช่อง Specify the url in your site where you want the search results to appear:
• 3) คลิกที่ Generate Code

5. สามารถนำโค้ดในช่อง Paste this code in the page where you'd like your search box to appear. มาใช้งานที่ blogspot.com ได้แล้ว


การเพิ่มองค์ประกอบของหน้าของ blogspot


สำหรับคนที่ทำบล็อกที่ blogspot.com แล้วต้องการเพิ่มส่วนค้นหา (Blog Search Engine) ภายในบล็อกของเราที่บริเวณด้านขวา สามารถเพิ่มองค์ประกอบของหน้าแบบ HTML/จาวาสคริปส์ แล้วก๊อปโค้ดมาวางได้เลยครับ

1. กำหนดค่าที่ blogspot.com ดังนี้ รูปแบบ > องค์ประกอบของหน้า > เพิ่มและจัดเรียงองค์ประกอบของหน้า
2. เลือกองค์ประกอบของหน้าใหม่ เป็นแบบ HTML/จาวาสคริปต์ เพื่อเพิ่มฟังก์ชันของบุคคลที่สามหรือรหัสอื่นในบล็อก ในที่นี้ก็คือการเพิ่ม Seach Engine นั่นเอง
3. ตั้งชื่อ ก๊อปโค้ดมาวาง แล้วคลิกบันทึกการเปลี่ยนแปลง


สำหรับ Custom Search Engine ที่ท่านสร้างและกำหนดขึ้นมาแล้วนั้น ท่านสามารถนำไปแทน www.google.co.th ก็ยังได้ ลองศึกษาต่อดูนะครับ เฮ้อ... เหนื่อย จบแล้วครับ.

หมายเหตุ: รูปภาพประกอบบทความหายไปพร้อมกับการหยุดให้บริการรับฝากไฟล์หมดแล้วครับ จะสมัครทำใหม่ก็ไม่ได้แล้ว เพราะว่าอากู๋จะเก็บตังค์ค่าบริการแล้วครับ T_T