Tích hợp bộ search google vào website

Có một số bạn đã email hỏi về cách thực hiện chức năng “tìm kiếm Google” như trang freetuts.net. Thật ra, nó rất dễ dàng, và hôm nay tôi sẽ hướng dẫn các bạn cách đăng ký Google và tích hợp nó vào biểu mẫu tìm kiếm trang web của bạn.

Trước tiên, hãy tìm hiểu sơ qua về chức năng tìm kiếm Google đã nhé.

Bạn đang xem: Tích hợp bộ search google vào website

1. Tìm hiểu về chức năng tìm kiếm Google

Tìm kiếm Google CES là một module của Google giúp các trang web tích hợp công cụ tìm kiếm vào trang web của mình. Module này có một số tham số cấu hình cho phép bạn lựa chọn và tùy chỉnh.

Trong video này, tôi sẽ hướng dẫn các bạn làm thế nào để khi bạn nhập nội dung tìm kiếm và nhấp vào “submit”, bạn sẽ được chuyển đến một trang mới hiển thị kết quả tìm kiếm.

2. Cách tích hợp tìm kiếm Google vào trang web

Xem thêm : Die wichtigsten SEO Grundlagen für Blogger + gratis Checkliste

Bước 1: Truy cập vào đường dẫn https://www.google.com.vn/cse/all để đăng ký dịch vụ, một giao diện sẽ hiển thị và bạn hãy nhấp vào nút “Add” (Lưu ý rằng bạn phải đăng nhập bằng tài khoản Gmail trước khi thực hiện).

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

Trong bước này, bạn sẽ nhập một số thông tin như hình minh họa bên dưới. Sau khi bạn nhấp vào “TẠO”, một số mã code sẽ xuất hiện như sau:

<input type="hidden" name="cx" value="004904461424527752354:gzt39ubicru"/>
<input type="text" name="q" value="" />
<input type="hidden" name="ie" value="UTF-8" />

Xem thêm : Cách khắc phục lỗi thu thập dữ liệu google webmaster

Nếu bạn muốn hiển thị kết quả tìm kiếm trực tiếp trên trang web, hãy sao chép và dán mã code này vào nơi bạn muốn hiển thị ô tìm kiếm. Tuy nhiên, trong trường hợp này, tôi muốn biểu mẫu tìm kiếm của tôi chuyển đến một trang mới, vì vậy tôi sẽ thực hiện như sau:

Bước 3: Tạo biểu mẫu như sau:

<form action="http://www.google.com/cse" target="_blank">
    <input type="hidden" name="cx" value="004904461424527752354:gzt39ubicru"/>
    <input type="text" name="q" value="" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="submit" value="Tìm kiếm" />
</form>

Trong biểu mẫu này, có một số thông số bắt buộc như sau:

• action="http://www.google.com/cse": Trỏ đến trang tìm kiếm của Google.
• target="_blank": Vì tôi muốn hiển thị trên một trang mới, tôi sử dụng thuộc tính target="_blank".
• <input type="hidden" name="cx" value="004904461424527752354:gzt39ubicru"/>: Đây là một thông số bắt buộc, giá trị của nó chính là nội dung var cx = '004904461424527752354:gzt39ubicru'; trong đoạn mã chúng ta nhận được.
• <input type="text" name="q" value="" />: Ô nhập nội dung tìm kiếm, tên của ô này bắt buộc phải là q.
• <input type="hidden" name="ie" value="UTF-8" />: Khai báo mã hóa UTF-8.
• Và cuối cùng là nút “submit”.

Như vậy, bạn đã có một biểu mẫu tìm kiếm rồi đấy.

3. Kết luận

Hy vọng qua bài viết này, bạn đã biết cách tích hợp bộ tìm kiếm Google vào trang web của riêng bạn. Tôi thích sử dụng tìm kiếm Google vì nó có khả năng tìm kiếm rộng rãi trong toàn bộ trang web của chúng ta và tốt cho việc tối ưu hóa công cụ tìm kiếm. Tuy nhiên, nó cũng có một số hạn chế đôi khi dữ liệu trả về không chính xác như công cụ tìm kiếm nâng cao mà chúng ta thường sử dụng. Tuy nhiên, bạn có quyền quyết định sử dụng bộ tìm kiếm Google hay không, tùy thuộc vào nhu cầu của bạn.

Nguồn: https://diendanseotop.edu.vn
Danh mục: SEO