Dịch vụ Visa - vé máy bay

Hỗ trợ phần mềm

    • Nguyễn Thúy Ngần

      Tel: 01689902170

      Skype:

    • Dương Việt Hùng

      Tel: 0903267002

      Skype:

    • Đinh Công Vĩnh

      Tel: 0943246111

      Skype:

Hỗ trợ phòng vé

    • Đàm Thanh An

      Tel: 0988 980 190

      Skype:

    • Lê Tuyết Nga

      Tel: 0984 990 481

      Skype:

Liên kết

Trang chủ /  Thủ thuật CNTT

Tích hợp bộ search google vào website (Số lượt xem: 623)

Có một số bạn email hỏi mình cách làm chức năng search google. thực ra thì nó rất dễ nhưng với mong muốn giải đáp các thắc mắc của các bạn và để kênh được nhiều tuts hơn thì hôm nay mình sẽ hướng dẫn các bạn làm thế nào có thể đăng ký google và thích hợp nó vào form search website  của bạn.

Trước tiên ta tìm hiểu sơ lược về chức năng search google là gì đã nhé.


1. Search Google CES là gì?

Search google CES là một module của google nhằm giúp các website có thể tích hợp bộ công cụ tìm kiếm vào website của mình. Nó có những thông số cấu hình để ta có thể chọn lựa và tùy chỉnh.Trong video này tôi sẽ hướng dẫn các bạn làm chức năng khi nhập nội dung search và click submit thì sẽ nhảy qua trang mới, trang này sẽ hiển thị kết quả tìm kiếm

2. Cách tích hợp search google vào website

Bước 1: Vào đường dẫn https://www.google.com.vn/cse/all để đăng ký dịch vụ, giao diện hiện ra và click vào nút Add.( Lưu ý với bạn rằng phải login bằng gmail trước khi thực hiện nhé).

Bước 2: Nhập thông tin công cụ tìm kiếm

Bước này bạn sẽ nhập một số thông tin như hình bên dưới

Sau khi bạn click TẠO thì nó sẽ hiển thị và xuất hiện một số mã code như bên dưới:

 

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
(function() {
var cx = '004904461424527752354:gzt39ubicru';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

Nếu bạn muốn search kết quả hiển thị trực tiếp trên trang web thì hãy copy và dán vào nơi bạn muốn hiển thị box search. Ở đây mình không muốn như vậy, mình muốn form search của mình và khi click search sẽ qua trang mới nên mình sẽ làm như sau:

 

Bước 3: Bạn tạo một form như bên dưới: