Hướng dẫn cài đặt Google Custom Search Engine cho Blogger

Hello. Xin chào các bạn. Hôm nay mình sẽ hướng dẫn các bạn cài đặt Google Custom Search cho Blogger để thay thể cho những ô tìm kiếm mặc định đơn giản mà bạn vẫn thường thấy ở nhiều giao diện khác nhau. Với những kiểu tìm kiếm cũ người đọc có thể gặp phải những khó khăn khi họ tìm kiếm bất kỳ bài viết nào trên blog của bạn nhưng đối với Google Custom Search thì không mọi thứ dường như trở nên dễ dàng hơn bao giờ hết.

Trong bài viết này Viblogging không thảo luận về việc thiết kế một ô tìm kiếm đặc biệt nào cả mà đơn giản chỉ là giúp bạn tích hợp được Google Custom Search Engine (GCSE) vào blog của bạn mà thôi. Mình khuyên bạn nên sử dụng tính năng này cho blog của bạn vì nếu như bạn đang là đối tác của Google Adsense thì bạn sẽ thu được lợi nhuận từ dịch vụ này của họ nhờ những quảng cáo được xuất hiện khi người dùng tìm kiếm một bài viết nào đó bên trong blog của bạn.

Làm thế nào để cài đặt Google Custom Search Engine cho Blogger?

Tạo một Google Custom Search Engine ( Công cụ tìm kiếm tuỳ chỉnh của Google)

1. Đầu tiên hãy truy cập vào website Google Custom Search là https://cse.google.com/cse/

2. Tiếp theo bạn hãy click vào nút "Create a custom search engine" để đăng nhập vào CSE

3. Khi đăng nhập vào bảng điều khiển CSE, bấm "New Search Engine"

4. Sau đó, các nội dung của mô tả blog như hình dưới đây

1. Điền địa chỉ blog của bạn
2. Thay đổi cài đặt ngôn ngữ theo ngôn ngữ blog của bạn sử dụng
3. Tên của công cụ tìm kiếm
4. Một khi bạn Xác định các thiết lập ở trên, bấm vào nút CREATE

5. Sau đó nhấp vào Get code / Get code

6. Sao chép đoạn mã được cung cấp trong hộp.

Lưu ý: để thay thế thành HTML 5 bạn hãy sao chép đoạn mã dưới đây (thu được từ bước 6)

JS<script>
(function() {
var cx = '008736576680078704958:srtbpej7glc';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

Thay thế mã được đánh dấu bằng mã dưới đây (Điều này áp dụng cho tất cả các layout, chẳng hạn như

JS<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>

Vì thế, kết quả sẽ giống như thế này:

JS<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
<script>
(function() {
var cx = '008736576680078704958:srtbpej7glc';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>

Cài đặt Công cụ Tìm kiếm Google Custom Widget trong Blog

1. Đăng nhập vào Blogger → Layout → Tạo một widget mới (HTML / JavaScript) → Thêm đoạn mã đã được sao chép vào một widget mới → Nhấp vào lưu và xem kết quả.

Tích hợp GCSE với Google Adsense.

1. Hãy chắc chắn rằng bạn đã có một tài khoản với Google AdSense
2. Đăng nhập vào Google CSE http://www.google.com/cse/
3. Nhấp vào Tên công cụ tìm kiếm mà bạn đã tạo trước đó
4. Chọn Menu Cài đặt

5. Có các tab cơ bản như Basics (Basics), Make money (Earn Income), Admin, và Indexing (indexing). Bây giờ bạn hãy click vào tab Make money (Earn Income)

6. Click vào dòng Search Engine Monetization chọn On

Okay như vậy là bạn đã tích hợp xong Google Adsense vào phần Google Custom Search Engine cho blog của bạn rồi đó. Nếu như bạn có bất kỳ vấn đề hay rắc rối nào khi thực hiện hãy để lại comment phía dưới này nhé. Goodbye.