# 94: Thiết lập Tìm kiếm Tuỳ chỉnh của Google - Thủ thuật CSS

Anonim

Khu vực tìm kiếm trong tiêu đề "hoạt động" ở chỗ nó được thiết kế và bạn có thể nhấp vào nó để mở và đóng và tất cả những điều đó. Nhưng nó thực sự chưa thực hiện bất kỳ tìm kiếm nào. Điều đó khá quan trọng phải không?

Trên trang web này, chúng tôi sử dụng Công cụ Tìm kiếm Tùy chỉnh của Google để tìm kiếm nội dung. WordPress đã tích hợp sẵn tính năng tìm kiếm, nhưng nó không tốt lắm. Nó chỉ khớp các chuỗi và liệt kê những gì nó tìm thấy theo thứ tự. Không có bất kỳ thứ gì lạ mắt như Google cung cấp: logic tìm kiếm, tự động sửa lỗi chính tả, xác định ý định và quan trọng nhất là hiển thị các kết quả phù hợp nhất trước tiên.

Vì vậy, chúng tôi sẽ sử dụng GCSE và chúng tôi phải thực hiện một số thiết lập. Chúng tôi đi vào khu vực quản trị của họ để tạo chúng và tạo một từ đầu. Chúng tôi sẽ sử dụng phiên bản miễn phí. Không phải vì tôi muốn quảng cáo trên toàn bộ tìm kiếm của mình (tôi thì không) mà bởi vì phiên bản trả phí có giá cấm đối với trang web có kích thước này. Đó là tôi phải trả hàng nghìn một tháng cho tìm kiếm không có quảng cáo, hoặc thực sự kiếm được vài đô khi có quảng cáo trên tìm kiếm và có được khả năng tìm kiếm miễn phí. Không có trí tuệ.

Cái đầu tiên chúng tôi xây dựng là một tìm kiếm trang web đầy đủ, vì vậy chúng tôi có nó để tìm kiếm “css-tricks.com”.

Sau đó, chúng tôi nhận được mã mà GCSE cung cấp cho chúng tôi để đưa vào trang web để tìm kiếm hoạt động. Chúng tôi phải đào sâu một chút để tìm tùy chọn mà nó chỉ hiển thị kết quả tìm kiếm và bạn “mang theo biểu mẫu tìm kiếm của riêng mình”. Đó chắc chắn là đối với chúng tôi, vì chúng tôi đã thiết kế biểu mẫu tìm kiếm của mình và thích nó theo cách của nó.

Chúng tôi có một mẫu trang đặc biệt chỉ dành cho kết quả tìm kiếm. Chúng tôi biến mẫu này thành hình dạng hiển thị những thứ chúng tôi muốn nó hiển thị.

Sau đó, chúng tôi bắt đầu tạo ra nhiều công cụ tìm kiếm tùy chỉnh hơn. Đây là một cách tuyệt vời để đạt được điều chúng tôi muốn: chỉ có thể tìm kiếm các phần phụ của trang web theo ý muốn. CSE thứ hai mà chúng tôi tạo chỉ để tìm kiếm “css-tricks.com/forums/”. Sau đó, chúng tôi tạo một trang kết quả tìm kiếm khác chỉ dành cho tìm kiếm trên diễn đàn (/ search-results / forum /) nhưng sử dụng cùng một mẫu. Trên trang này, chúng tôi đặt mã từ CSE cho công cụ tìm kiếm mới hạn chế hơn này.

Chúng tôi sẽ chỉ cần đảm bảo người dùng đến đúng người bằng cách nào đó…