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

Blue

Admin - Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
881
Được Like
1,473
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%C3%A0o-xenforo.png


Để 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.

tao-cse-cho-website.png


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

huong-dan-tao-cse-google.png


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

lay-ma-cse-cho-website.png


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

ma-cse-website.png


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.

them-google-search-vao-admincp-xenforo.png


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

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

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

Mã:
<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:

Mã:
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​
 
Sửa lần cuối:

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom