Danh mục tài liệu

Tích hợp trang kết quả tìm kiếm Google CSE vào WP

Số trang: 11      Loại file: pdf      Dung lượng: 328.78 KB      Lượt xem: 15      Lượt tải: 0    
Xem trước 2 trang đầu tiên của tài liệu này:

Thông tin tài liệu:

Tích hợp trang kết quả tìm kiếm Google CSE vào WP Google Custom Search Engine (Google CSE) là 1 công cụ cho phép bạn tự tạo 1 bộ máy tìm kiếm dựa trên Google và tích hợp vào website. Bạn có khả năng tùy chỉnh các thiết lập cho phù hợp mục đích tìm kiếm của riêng mình, VD: chỉ tìm kiếm trên 1 site chỉ định, tìm kiếm theo các từ khóa cho trước, tích hợp (hoặc loại bỏ) quảng cáo vào kết quả tìm kiếm, thay đổi ngôn ngữ hiển thị… Chi tiết về cách tạo lập, sử...
Nội dung trích xuất từ tài liệu:
Tích hợp trang kết quả tìm kiếm Google CSE vào WP Tích hợp trang kết quả tìm kiếm Google CSE vào WP Google Custom Search Engine (Google CSE) là 1 côngcụ cho phép bạn tự tạo 1 bộ máy tìm kiếm dựa trên Googlevà tích hợp vào website. Bạn có khả năng tùy chỉnh cácthiết lập cho phù hợp mục đích tìm kiếm của riêng mình,VD: chỉ tìm kiếm trên 1 site chỉ định, tìm kiếm theo các từkhóa cho trước, tích hợp (hoặc loại bỏ) quảng cáo vào kếtquả tìm kiếm, thay đổi ngôn ngữ hiển thị… Chi tiết về cáchtạo lập, sử dụng và tùy biến các bạn có thể tự mày mò tạitrang chủ của Google CSE, hoặc tìm kiếm trên mạng. Dokhuôn khổ bài viết, xin bỏ qua các chi tiết đó.Lợi thế của Google CSEMột tính năng đặc biệt hữu dụng của Google CSE là nó chophép tích hợp trang kết quả tìm kiếm vào website. Thay vìra trang tìm kiếm có link tại Google:http://www.google.com/cse?cx=015656627415006543897%3Ajavmyt6rnyc&ie=UTF-8&q=unikey&sa=Search&siteurl=www.google.com%2Fcse%2Fhome%3Fcx%3D015656627415006543897%3Ajavmyt6rnycbạn có thể biến nó thành (lưu ý domain đã được chuyển vềdomain của bạn):http://yourdomain.com/search-results?cx=015656627415006543897%3Ajavmyt6rnyc&cof=FORID%3A10&ie=UTF-8&q=unikey&sa.x=0&sa.y=0#1045Tính năng này có 2 ưu điểm lớn về SEO:1) Không để khách viếng thăm “đi ra ngoài” website(giảm Bounce Rate). Điều này hiển nhiên do khách khôngbị đẩy ra ngoài Google mỗi khi tìm kiếm.2) Tăng số trang xem / lượt truy cập (Page Views /Visits). Trước đây, người dùng khi tìm kiếm bị đẩy raGoogle, rồi mới quay trở lại website, tức là 2 lượt truy cậpcho 2 trang được xem (trang tìm kiếm và trang bài viết đãtìm được). Với cách tích hợp trang kết quả tìm kiếm vàowebsite, người dùng vẫn ở tại website (1 lượt truy cập) vàxem ít nhất 3 trang (trang tìm kiếm, trang kết quả tìm kiếmvà trang bài viết tìm được).Bởi vậy, chúng ta đều muốn tích hợp trang kết quả tìmkiếm vào website thay vì để mặc định. Dưới đây sẽ trìnhbày cách tích hợp vào WordPress (đối với các hệ thốngblog khác, Google có hướng dẫn 1 cách chung chung tạitrang chủ của họ, các bạn có thể tham khảo nếu cần thiết).Tích hợp trang kết quả tìm kiếm của Google CSE vàoWordPressBước 1. Chọn cách hiển thịTruy cập vào Google CSE và vào Control Panel của bộmáy tìm kiếm mà bạn đã tạo lập. Vào phân mục Look andFeel, và chọn mục Iframe trong phần Choose a hostingoption như hình dưới:Bạn có thể chọn template hiển thị kết quả tìm kiếm và tùybiến màu sắc cho chúng như trong hình.Bước 2. Lấy mãSau khi tùy biến xong, nhất nút Get Code để lấy mã chènvào website:Ở đây trong mục Specify search results details bạn phảiđiền URL của trang hiển thị kết quả tìm kiếm (mà lát nữachúng ta mới tạo). Ở đây tôi để mặc định có dạnghttp://yourdomain.com/search-results, bạnthay đổi domain là được.Trong phần Search box code là code để hiển thị hộp tìmkiếm. Hay copy đoạn code này và paste vào nơi mà bạnmuốn hiển thị. Thông thường là file header.php, hãymở file này ra và paste thử vào nhé (sau đó có thể tùy chỉnhvị trí cho phù hợp).Phần Search results code chứa code mà chúng ta sẽ dùngđể hiển thị kết quả tìm kiếm. Các bạn copy và nhớ lại codenày để tí nữa dùng.Bước 3. Tạo trang template cho WordPressBạn mở file page.php trong template của WordPress vàlưu lại nó với tên search-results.php. Mở filesearch-results.php và thực hiện các chỉnh sửa sau:1. Xóa toàn bộ phần Loop trong đó đi, thay thế nó bằngđoạn code trong phần Search results code mà lúc nãy tacopy ở trên. VD ban đầu mã của search-results.php như sau: Xóa phần giữa (vòng lặp Loop đi) và thêm đoạn codeGoogle CSE vào, ta có: var googleSearchIframeName = cse-search-results; var googleSearchFormName = cse-search-box; var googleSearchFrameWidth = 600; var googleSearchDomain =www.google.com; var googleSearchPath = /cse; 2. Thêm vào trên cùng của nó đoạn mã sau:Kết quả cuối cùng: var googleSearchIframeName = cse-search-results; var googleSearchFormName = cse-search-box; var googleSearchFrameWidth = 600; var googleSearchDomain =www.google.com; var googleSearchPath = /cse;Sau khi sửa xong file search-results.php, nhớupload nó lên host của bạn.Cuối cùng, bạn vào phần Admin của WordPress, tạo 1Page mới lấy tên là Search Results:Trong đó cần lưu ý (cả 3 điểm này đều rất quan trọng): URL của Page cần phải trùng với URL đã khai báo•lúc trước trong Google CSE. Nếu khác, bạn sửa lại trongtrang tùy chỉnh của Google CSE. Phần nội dung của Page không cần điền gì• Trong mục Template, nhớ chọn template Search•Results (Google CSE). Đây chính là template mà ta tạo ởtrên.Publish Page là xong! Bây giờ bạn hãy thử vào trang chủ,gõ thử từ khóa vào hộp tìm kiếm (mà mã của nó được chènvào header.php như đã nói) và nhấn Enter, kết quả tìmkiếm sẽ được chuyển tới trang Search ...