Nhúng Google Custom Search vào web

Google hiện nay là công cụ tìm kiếm số 1 trên internet. Và việc đưa nó vào trang web như 1 tiện ích là điều đương nhiên. Hiện nay đã có một số đã đưa Google Custom Search vào web. Với việc sử dụng Google Custom Search này yêu cầu trang bạn phải được google đánh index thì lúc tìm kiếm kết quả mới ra chính xác và đầy đủ. Chính vì thế trang của bạn sẽ có tool tìm kiếm rất nhanh vì sau khi được google index thì kết quả tìm kiếm sẽ được lọc nhanh hơn(google mà ^_^).

1. Đưa Google Search vào web.
Để tạo thuận tiện cho bạn đọc có thể search bằng google ngay trên trang của bạn thì bạn có thể đưa thanh google search vào 1 chỗ bất kì trên trang. Bạn hãy copy đoạn code sau và paste vào chỗ bạn cần hiển thị nó.

<form method="get" action="http://www.google.com/search">
        <table bgcolor="#FFFFFF">
            <tr>
                <td>
                    <a href="http://www.google.com/">
                        <img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="middle"/></a>
                    <input type="text" name="query" size="25" maxlength="255" value="" />
                    <input type="submit" name="btnGoogleSearch" value="Google Search"/>
                </td>
            </tr>
        </table>

Bạn có thể thay đổi địa chỉ trên thành  http://www.google.com.vn/search hoặc bất kì tên miền google nào như google.com.hk, google.com.br...
Nếu bạn muốn tìm kiếm an toàn cho bạn đọc trên web thì hãy thêm đoạn mã sau vào sau đường link màu cam nhạt: search?safe=vss. Như vậy bạn có thể lọc các kết quả tìm kiếm có nội dung cho người lớn, tôn giáo, chính trị không lành mạnh.
2. Nhúng Google Custom Search vào web.
Cách 1: Nhúng code trực tiếp.

<form method="get" action="http://www.google.com.vn/search">
    <table bgcolor="#f60">
        <tr>
            <td>
                <a href="http://www.google.com.vn/">
                    <img src="http://www.google.com.vn/logos/Logo_40wht.gif" border="0" alt="Google"></a>
            </td>
            <td>
                <input type="text" name="query" size="30" maxlength="255" value="">
                <input type="submit" name="btnGoogleSearch" value="Search">
                <input type="hidden" name="domains" value="http://webzoomz.info"><br>
                <input type="radio" name="sitesearch" value="" />world.wide.web
                <input type="radio" name="sitesearch" value="http://webzoomz.info" checked="checked">Webzoomz.info
                <br>
            </td>
        </tr>
    </table>
    </form>

 Hãy thay những đoạn code màu cam nhạt bằng những giá trị phù hợp với web của bạn. Và đây là kết quả.

Và bạn có thể chọn một trong 2 giới hạn search. Search trên trang của bạn hoặc search trên công cụ search google.
Cách 2: Tạo công cụ trên google custom search
Bạn hãy vào http://www.google.com.vn/cse/manage/all và tạo 1 google custom seach cho trang của bạn. Sau khi hoàn tất việc tạo google custom search bạn sẽ được cung cấp 1 ID riêng cho site của bạn:

ID duy nhất của công cụ tìm kiếm:

018426535015421603595:kb1dv7ijaqe

Sau đó bạn hãy copy đoạn code sau:

<form action='/p/search.html' id='searchform'>
<input name='cx' type='hidden' value=' 018426535015421603595:kb1dv7ijaqe 
'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='UTF-8'/>

Và trang hiển thị kết quả bạn hãy thêm đoạn code sau vào(ở đây mình dùng trang /p/search.html như ở đoạn code trên):

<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 600;
var googleSearchDomain = "www.google.com";
var googleSearchPath = "/cse";
</script>
<script src="http://www.google.com/afsonline/show_afs_search.js" type="text/javascript">
</script>

Bạn save và run thế là ok. Blog của mình đang sử dụng cách thứ 2 này bạn có thể kiểm chứng ngay trên site.
3. Tùy biến trang kết quả tìm kiếm
 Nếu bạn sử dụng cách thứ 2 để nhúng Google Custom Search thì bạn hãy vào phần giao diện trong trang http://www.google.com.vn/cse/manage/all để chỉnh sửa. Sau đó thì bạn copy đoạn code được sinh ra và paste vào trang hiển thị kết quả của bạn.
Chúc các bạn thành công!