thiet ke web

Tạo Hộp Tìm Kiếm Google Tùy Chỉnh

Việc tạo một hộp tìm kiếm Google riêng cho web sẽ có rất nhiều lợi thế cho việc SEO website của bạn. Cũng như hỗ trợ người dùng tìm kiếm dễ dàng trên website của bạn hơn.


Cùng tìm hiểu 02 hợp tìm kiếm với Google trong bài viết này. Các Box tìm kiếm này có thể áp dụng cho cả Blogspot và Wordpress nhé !

1- Cách tạo Box tìm kiếm với Google

Box tìm kiếm kiểu này thì ai cũng có thể làm, và thực hiện nó rất dễ dàng chỉ với một đoãn code đơn giản.

Cách làm:
Đăng nhập vô Blogger >Vào Layout >Chọn Thêm 01 Widget HTML mới.
Copy đoạn code dưới đây và paste vào Widget mới tạo

Code:
<form action='http://www.google.com.vn/search' method='get' target='_blank'>
<div style='text-align: center;'>
<input class='search-text' id='search-text-' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;TheNayNhe&quot;;}' onfocus='if (this.value == &quot;TheNayNhe&quot;) {this.value = &quot;&quot;}' tabindex='7' type='text' value='TheNayNhe'/><input checked='checked' name='sitesearch' type='hidden' value='www.thenaynhe.com'/><input id='b-searchbtn' type='submit' value='Tìm kiếm'/><br/

Thay >TheNayNhe bằng từ nào bạn thích, tù này nó hiển thị trong Box tìm kiếm, khi người tìm gõ vào thì nó biến mất.
Thay link trang web của bạn vào link www....
Bấm save là hoàn thành. Lúc này bạn chỉ cần di chuyển chỗ đặt widget : Box Tìm Kiếm trong Layout tại vị trí nào Bạn thấy phù hợp nhất nữa thôi là OK.

2- Công cụ tìm kiếm qua Google Adsense

Cái này khá thú vị nếu như bạn có một tài khoản Adsense được kích hoạt chế độ Content rồi thì sẽ làm được theo cách này.
Công cụ tìm kiếm này sẽ giúp bạn kiếm thêm tiền từ hành động tìm kiếm của người dùng trên website của chính bạn đó ^^

Cách làm; >vào Adsense của bạn nhé
Nếu Adsense của bạn mới được lập trên Youtube chẳng hạn và là dạng Hosted Account thì sẽ không có mục để Tạo công cụ tìm kiếm tùy chỉnh - như hình dưới đâu nhé.


Cài đặt công cụ tìm kiếm tùy chỉnh


Thêm trang domain web của bạn, chọn các mục tùy chỉnh ngôn ngữ...
Tiếp theo chọn cài đặt kiểu hộp tìm kiếm như hình dưới đây:


Chọn một link/trang mà bạn muốn hiển thị kết quả TÌM KIẾM. Cái này thì mình phải tạo một trang riêng để lấy link cho vào đây >>như hình trên

Tiếp đến >Bấm >>Lưu và Lấy Mã
Bạn sẽ nhận được 02 hộp mã code
  1. Code-1 để tạo Box Tìm kiếm. Code này thì bạn copy và cho vào một widget HTML tại vị trí muốn đặt box Tìm Kiếm là OK
  2. Code-2 Bạn copy và paste vào trang link lúc trước bạn tạo ra mục đích để hiển thị kết quả tìm kiếm. Paste vào trang đó ở chế độ HTML nhé, và bấm save là XONG.
Bây giờ bạn có thể thử Tìm Kiếm xem thành quả ra sao nào ^^

P/s:
Ở bài mục tạo Box tìm kiếm tùy chỉnh với Google Adsense nó còn có vài tùy chọn nâng cao nữa liên quan tới vấn đề Quảng cáo... cái này bạn có thể tự tìm hiểu thêm được, không quá khó nhé. Có gì comment cùng chia sẻ.

3-Cách tạo hộp tìm kiếm qua CSE

Cách số 2 trên là dành cho các bạn con nhà có điều kiện (có acc Adsense Content) mới xài được. Nên mình giới thiệu cách dưới này dành cho tất cả mọi người ^^

Truy cập link >>Google CSE

Tạo >New Search Engine



Thêm các mục bên trong như tên miền../ lựa chọn ngôn ngữ của site...
Tiếp đến điều chỉnh mọt vài thông số riêng. Có thể thêm từ khóa của site.../ Có thể kết nối với Google Adsense qua Tab: Make Money. Tuy nhiên nếu như trên mục 2 đã nói nếu bạn không có đủ điều kiện thì không làm được.

Như site này mình mình đang dùng CSE có kết nối Adsense. Tại sao lại không xài thẳng cách làm của mục 2 là vì cái giao diện tìm kiếm cả cả Box tìm kiếm và Trang kết quả XẤU QUÁ ! Nên mình xài code bên CSE này đẹp hơn và nhanh hơn.


Xong rồi. Get Code >>Lấy code về
Vào Layout trong blogger và tạo 01 widget HTML mới và Paste code vừa lấy vô, và Save là xong !
OK, Thanks
Share on Google Plus

About Thế Này Nhé

Thế này nhé blog tuyển tập những thứ linh ta linh tinh do hội chứng hứng thì viết thoai ^^ 

Mình là mình rất thích được gạ gẫm đi cafe cafao nhé. Bàn chiện gì kiếm ra tiền thì càng hay. Ko thì ta chém chiện Gu cafe, chiện đây đó, chiện "trính chị" thì cũng thú vị ^^

0 comments:

Blogger Template Blogger Theme Created by Blogger Tips

Đăng nhận xét

Thanks for your message !