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

[Blue]

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.

Để 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àoAddthể tạo một cse mới cho Website.

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

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

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

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

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>

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!

Theo ThisPC.vn​

 

[ndkhoa]

Dư

li”>