Hướng dẫn tích hợp tìm kiếm Google vào XenForo

Mặc định khi bạn sử dụng trình tìm kiếm trên XenForo thì nó chỉ tìm kiếm nội dung từ khoá mà bạn nhập vào ở mức địa phương. Tức là chỉ tìm kiếm trên Website, nếu như bạn muốn tích hợp tìm kiếm Google vào XenForo như hình dưới thì bài viết này sẽ hướng dẫn bạn làm được điều đó. Hiện tại trên XenForo đã có addon hỗ trợ việc này và nó có tên là Google Custom Search. Nhưng bài viết này mình sẽ hướng dẫn các bạn thực hiện bằng cách thủ công. Rất đơn giản nên bạn không cần phải dùng Addon mà vẫn có thể tạo tích hợp được Google Search vào XenForo.

Tich hop tim kiem google vào xenforo

Để tích hợp được tìm kiếm Google vào XenForo thì bạn cần phải tạo một Custom Search Engine (cse) cho Website của bạn. Bạn hãy truy cập vào địa chỉ:

https://www.google.com.vn/cse/

Hãy nhấn vào Add thể tạo một cse mới cho Website.

Tao cse cho website

Bạn nhập thông tin sau đó nhấn vào TẠO.

Huong dan tao cse google

Sau khi tạo xong bạn nhấn vào Nhận mã để lấy mã cse.

Lay ma cse cho website

Bây giờ bạn có được cse ID.

Ma cse website

Bước tiếp theo bạn hãy truy cập vào AdminCP của XenForo -> Apperance -> Templates -> gõ search_results và truy cập vào Templates này.

Them google search vao admincp xenforo

Bạn tìm đến dòng sau:

<xen:require css=”search_results.css” />

Thêm vào bên dưới đoạn sau:

<ul class=”tabs Tabs” data-panes=”#TPCGoogleCustomSearch_Panes > li”>
<li><a href=”{xen:link search, $search}#gcs”>Kết quả tìm kiếm từ Google</a></li>
<li><a href=”{xen:link search, $search}#xf”>Kết quả tìm kiếm từ địa phương</a></li>
</ul>
<br/>
<ul id=”TPCGoogleCustomSearch_Panes”>
<li id=”gcs”>
<div id=”cse” style=”padding: 10px; margin: 10px auto; border: 1px solid #a5cae4;”>Đang tải kết quả tìm kiếm từ Google …</div>
<script src=”http://www.google.com/jsapi” type=”text/javascript”></script>
<script type=”text/javascript”>
google.load(‘search’, ‘1’, {
language: ”
});
google.setOnLoadCallback(function() {
var customSearchOptions = {};
var customSearchControl = new google.search.CustomSearchControl(‘000507844059216097820:wmt7tqkwkos’, customSearchOptions);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET;
var options = new google.search.DrawOptions();
options.enableSearchResultsOnly();
customSearchControl.draw(‘cse’, options);
customSearchControl.execute(‘{$search.search_query}’);
}, true);
</script>
</li>
<li id=”xf”>

Chú ý ở dòng:

google.search.CustomSearchControl(‘000507844059216097820:wmt7tqkwkos’,customSearchOptions);

Thay ID bằng ID cse mà bạn vừa nhận được ở bên trên. Sau đó lưu lại và xem thành quả. Rất đơn giản phải không nào? Chúc bạn thành công!

Content Protection by DMCA.com

Bình luận bài viết