Hướng dẫn chèn công cụ tìm kiếm tùy chỉnh vào Blog để kiếm tiền

Nếu bạn đang có Blog đăng ký Adsense và được Google chấp nhận bạn có thể tích hợp công cụ tìm kiếm tùy chỉnh vào Blog để kiếm tiền vì Adsense bao gồm 2 sản phẩm chính Nội dung và Tìm kiếm, với Nội dung nhà xuất bản như chúng ta sẽ được chia 68% doanh thu còn Tìm kiếm chúng ta được chia 51% doanh thu.

Một số bạn thắc mắc không biết khi chèn công cụ tìm kiếm tùy chỉnh sẽ kiếm tiền được bằng cách nào? Mình sẽ giải thích ngắn gọn thế này với Adsense cho nội dung sẽ hiển thị quảng cáo bằng hình ảnh, văn bản còn Adsense cho tìm kiếm sẽ xuất hiện link quảng cáo và khi khách truy cập nhấp link đó chúng ta sẽ có tiền, lấy ví dụ như hình minh họa bên dưới

Khi khách tìm kiếm từ khóa chặn auto update trong khung tìm kiếm tùy chỉnh sẽ cho kết quả ngoài kết quả tìm kiếm trong Blog sẽ xuất hiện 3 link đầu tiên đến nhà quảng cáo. Các link này luôn xuất hiện trên đầu và có chữ QC.

Tuy là kiếm tiền bằng Tìm kiếm không cao bằng Nội dung nhưng nếu khách thường xuyên tìm kiếm và có click vào link quảng cáo thì số tiền kiếm được cũng đáng kể. Và tất nhiên có còn hơn không khi chúng ta chẳng mất gì so với công cụ tìm kiếm thông thường của Blog. Nhược điểm duy nhất do là công cụ tìm kiếm mặc định cho nên giao diện không đẹp như ý muốn tuy nhiên chúng ta có thể chỉnh sửa CSS cho dễ nhìn hơn.

Trong bài này mình sẽ hướng dẫn các bước cấu hình và tích hợp tìm kiếm tùy chỉnh vào Blog, tuy là không có gì mới mẻ vì đa số các Blog khác đều đã hướng dẫn cả rồi. Các bước tiến hành như sau:

Đăng nhập vào Blog chọn tab Trang > Trang mới đặt tên cho trang ví dụ search, phần nội dung bỏ trống sau đó click xuất bản để lấy địa chỉ của trang tìm kiếm này ví dụ như địa chỉ của trang tìm kiếm của Blog mình là: http://www.blogthuthuatwin10.com/p/search.html

Đăng nhập vào Adsense chọn tab Quảng cáo của tôi trong mục này bạn sẽ thấy chữ Tìm kiếm bấm mở rộng ra chọn Công cụ tìm kiếm tùy chỉnh bên phải click chọn Tạo công cụ tìm kiếm tùy chỉnh

Đặt tên cho công cụ tim kiếm, trong phần Thông tin cần tìm kiếm tích chọn ô Chỉ trang web tôi chọn rồi điền địa chỉ Blog của bạn, Trong ô Từ khóa bạn có thể ghi từ khóa hay bỏ trống cũng được nhưng tốt hơn nên ghi vào một số từ khóa có liên quan đến nội dung của Blog. Tiếp đến tích chọn ô Sử dụng SafeSearch.

Quốc gia hoặc lãnh thổ chọn Việt Nam, Ngôn ngữ của trang web chọn Tiếng Việt và Mã hóa chọn Unicode (UTF-8). Trong ô Truy vấn phổ biến tích chọn Sử dụng các truy vấn phổ biến và điền Số lượng truy vấn phổ biến vào, mục này hiểu đơn giản kết qủa tìm kiếm sẽ hiển thị bao nhiêu ở mỗi trang.

Tiếp đến bấm mở rông mục Kiều tích vào dòng Định cấu hình, trình duyệt sẽ chuyến hướng đến trang định cấu hình công cụ tìm kiếm mục Giao diện, chọn Chiều rộng đầy đủ

Trong mục Kết quả tìm kiếm tích chọn ô trên trang web của tôi rồi copy địa chỉ trang tìm kiếm vào ô URL nơi kết quả tìm kiếm sẽ được hiển thị

Khi cấu hình xong bấm chọn Lưu và lấy mã

Bạn copy tất cả các mã vào trang tìm kiếm bên khung soạn thảo HTML để Cập nhật trang

Tuy nhiên giao diện của công cụ tìm kiếm nhìn không được đẹp lắm do đó bạn có thể thêm đoạn CSS sau chỉnh lại cho dễ nhìn hơn có thể chèn trực tiếp trong Template trước </b:skin> hoặc trực tiếp trong trang tìm kiếm

Copy


#___gcse_0 {

    margin-bottom: 25px;

}

table.gsc-search-box td.gsc-input {

    padding-right: 0;

}

input.gsc-input {

    padding: 8px 6px;

    border-radius: 2px 0 0 2px;

    border: 1px solid #d9d9d9;

    border-right: none;

    width: 100%;

}

input.gsc-search-button {

    border-color: transparent;

    background: #4285f4;

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    height: 33px;

    min-width: 70px;

    -webkit-border-radius: 0 2px 2px 0;

    cursor: pointer;

}

td.gsc-clear-button{

    display: none;

}

Nếu chèn trực tiếp trong trang tìm kiếm thì chèn như sau:

Copy


<style>

#___gcse_0 {

    margin-bottom: 25px;

}

table.gsc-search-box td.gsc-input {

    padding-right: 0;

}

input.gsc-input {

    padding: 8px 6px;

    border-radius: 2px 0 0 2px;

    border: 1px solid #d9d9d9;

    border-right: none;

    width: 100%;

}

input.gsc-search-button {

    border-color: transparent;

    background: #4285f4;

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    height: 33px;

    min-width: 70px;

    -webkit-border-radius: 0 2px 2px 0;

    cursor: pointer;

}

td.gsc-clear-button{

    display: none;

}

</style>

Ngoài ra bạn có thể chèn công cụ tìm kiếm vào bất cứ chỗ nào muốn hiển thị ngoài trang chủ, trên menu, trong bài viết, bên Sidebar hay dưới Footer, tuy nhiên bạn chỉ cần chèn đoạn script ví dụ như sau là đủ

Copy


<script>

  (function() {

    var cx = 'partner-pub-4331462841491508:2474399613';

    var gcse = document.createElement('script');

    gcse.type = 'text/javascript';

    gcse.async = true;

    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;

    var s = document.getElementsByTagName('script')[0];

    s.parentNode.insertBefore(gcse, s);

  })();

</script>

<gcse:searchbox-only></gcse:searchbox-only>