PHP TUTORIALS
Hướng dẫn tạo domain ảo tại localhost với XAMPP trên Window Có gì mới trong PHP 8 (Tính năng, Cải tiến và Trình biên dịch JIT) Hướng dẫn viết ứng dụng kiểm tra năm sinh theo âm lịch bằng PHP Xử lý realtime trong PHP sử dụng pusher Hướng dẫn gửi mail trong PHP với PHPMailer Bóc tách dữ liệu từ trang khác bằng PHP Simple HTML DOM Parser Cách sửa lỗi hình ảnh khi đăng bài viết lên Facebook Hướng dẫn tạo thông báo realtime với pushcrew Kích thước chuẩn và cách làm FavIcon icon Tìm hiểu bản chất vòng lặp foreach trong php Những vấn đề nâng cao kỹ năng lập trình trong php Sử Dụng Vòng Lặp Xuất Dữ Liệu Bảng Tính Lương Tìm hiểu thuật toán phân trang trong php Giới hạn số trang trong thuật toán phân trang Bài 01: Đệ quy menu đa cấp với php và mysql - phần 1 Bài 02: Đệ quy menu đa cấp với php và mysql - phần 2 Tích hợp bộ search google vào website Nên dùng count() hay sizeof() để đếm số phần tử của mảng Bài 01: Lấy dữ liệu từ mysql lưu vào file excel với PHPExcel Tạo slug tự động bằng JavaScript và PHP RSS là gì? Cách Tạo RSS cho Website PHP CMS là gì? Các CMS phổ biến hiện nay (update 2021) Web động là gì? Web tĩnh là gì? Chặn referrer từ website simple-share-buttons.com Bảng mã ASCII chuẩn các hệ nhị phân - thập phân - thập lục phân Hướng dẫn tạo Facebook App để lấy App ID và Secret Key Mối liên hệ giữa HTML - PHP - MYSQL Tự động post bài viết lên tường với hootsuite.com Kiểm tra người dùng đã đăng nhập hay chưa bằng PHP Lấy video kênh Youtube mới nhất bằng jQuery và Youtube API V3 Đệ quy chuyên mục đa cấp trong PHP toàn tập Font Awesome là gì? Cách sử dụng Font Awesome Tích hợp đăng nhập Google vào Website Thuật toán phân trang với PHP và MySQL Cài đặt LAMP trên Fedora
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
Dự án mới của mình là gamehow.net, mời anh em ghé thăm và góp ý ạ.

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

Có một số bạn email hỏi mình cách làm chức năng search google như freetuts.net, 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é.

banquyen png
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

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é).

tich hop search google vao website png

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

tich hop search google vao website1 png

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:

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

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <form method="get" action="http://www.google.com/cse" target="_blank">
            <input type="hidden" name="cx" value="004904461424527752354:gzt39ubicru">
            <input type="hidden" name="ie" value="UTF-8">
            <input type="text" name="q" value="" >
            <input type="submit" value="Search">
        </form>
    </body>
</html>
Trong form này những thông số bắt buộc như sau:

  • action="http://www.google.com/cse". Ta sẽ trỏ đến trang search của google
  • target="_blank": Vì muốn hiển thị ở một trang mới nên mình dùng target="_blank"
  • <input type="hidden" name="cx" value="004904461424527752354:gzt39ubicru"/> cái này bắt buộc, value  của nó chính là nội dung var cx = '004904461424527752354:gzt39ubicru'; trong đoạn code mà ta nhận về
  • <input type="text" name="q" value="" /> Ô nhập nội dung search, ô này tên bắt buộc phải là q nhé
  • <input type="hidden" name="ie" value="UTF-8" /> khai báo UTF-8
  • Và cuối cùng là nút submit

Như vậy là ta đã có một form search rồi đấy

3. Lời kết

Qua bài này hy vọng các bạn biết cách tích hợp bộ search google vào website riêng của bạn. Mình rất thích search google vì nó tìm kiếm hầu như rộng rãi mọi góc trong website của chúng ta và sẽ tốt cho SEO hơn. Nhưng cũng có điểm yếu là dữ liệu trả về đôi khi không chính xác bằng bộ seach nâng cao mà ta thường làm. Tuy nhiên tùy vào nhu cầu bạn bạn có quyết định dùng bộ search google không nhé.

Cùng chuyên mục:

Hàm key_exists() trong PHP

Hàm key_exists() trong PHP

Cách sử dụng key_exists() trong PHP

Hàm mysqli_fetch_row() trong PHP

Hàm mysqli_fetch_row() trong PHP

Cách sử dụng mysqli_fetch_row() trong PHP

Hàm end() trong PHP

Hàm end() trong PHP

Cách sử dụng end() trong PHP

Hàm mysqli_field_count() trong PHP

Hàm mysqli_field_count() trong PHP

Cách sử dụng mysqli_field_count() trong PHP

Hàm count() trong PHP

Hàm count() trong PHP

Cách sử dụng count() trong PHP

Hàm mysqli_field_seek() trong PHP

Hàm mysqli_field_seek() trong PHP

Cách sử dụng mysqli_field_seek() trong PHP

Hàm compact() trong PHP

Hàm compact() trong PHP

Cách sử dụng compact() trong PHP

Hàm mysqli_field_tell() trong PHP

Hàm mysqli_field_tell() trong PHP

Cách sử dụng mysqli_field_tell() trong PHP

Hàm array_values() trong PHP

Hàm array_values() trong PHP

Cách sử dụng array_values() trong PHP

Hàm mysqli_free_result() trong PHP

Hàm mysqli_free_result() trong PHP

Cách sử dụng mysqli_free_result() trong PHP

Hàm array_unshift() trong PHP

Hàm array_unshift() trong PHP

Cách sử dụng array_unshift() trong PHP

Hàm mysqli_get_charset() trong PHP

Hàm mysqli_get_charset() trong PHP

Cách sử dụng mysqli_get_charset() trong PHP

Hàm array_shift() trong PHP

Hàm array_shift() trong PHP

Cách sử dụng array_shift() trong PHP

Hàm mysqli_get_client_stats() trong PHP

Hàm mysqli_get_client_stats() trong PHP

Cách sử dụng mysqli_get_client_stats() trong PHP

Hàm array_unique() trong PHP

Hàm array_unique() trong PHP

Cách sử dụng array_unique() trong PHP

Hàm mysqli_get_client_version() trong PHP

Hàm mysqli_get_client_version() trong PHP

Cách sử dụng mysqli_get_client_version() trong PHP

Hàm array_uintesect() trong PHP

Hàm array_uintesect() trong PHP

Cách sử dụng array_uintesect() trong PHP

Hàm mysqli_get_connection_stats() trong PHP

Hàm mysqli_get_connection_stats() trong PHP

Cách sử dụng mysqli_get_connection_stats() trong PHP

Hàm array_sum() trong PHP

Hàm array_sum() trong PHP

Cách sử dụng array_sum() trong PHP

Hàm mysqli_get_host_info() trong PHP

Hàm mysqli_get_host_info() trong PHP

Cách sử dụng mysqli_get_host_info() trong PHP

Top