Hướng dẫn chèn khung tìm kiếm của Google vào web/blog WordPress

Mới làm xong khung tìm kiếm cho trang blogchiasekienthuc.com nên tiện thể mình chụp hình và làm bài hướng dẫn luôn cho các bạn.

Trên WordPress đã có ô tìm kiếm mặc định rồi nhưng tất nhiên là nó sẽ không thể hiệu quả bằng khung tìm kiếm của Google được, ở bài viết này mình sẽ giúp các bạn tùy chỉnh khung tìm kiếm của Google một cách dễ dàng nhất.

Tạo khung tìm kiếm Google Custom Search cho Web/ Blog

Nếu bạn đang sở hữu trong tay một Website hay Blog thì chắc chắn phải có một tài khoản Gmail rồi đúng không? Bạn đăng nhập vào gmail và vào địa chỉ này để tạo khung tìm kiếm “Google Custom Search” nhé !

Tại đây bạn điền các thông tin cơ bản như:

  • Trang web để tìm kiếm: Điền tên trang web của bạn.
  • Ngôn ngữ: Tiếng Việt nếu bạn làm web Tiếng Việt.
  • Tên công cụ tìm kiếm: Gõ gì cũng được.

=> Sau đó nhấn TẠO

Google Custom Search

Tiếp theo bạn nhấn vào Bảng điều khiển để mình tùy chỉnh và lấy code chèn vào Web.

công cụ tìm kiếm của google 2

Tiếp theo bạn nhấn chọn mục Giao diện chọn phần Hai trang sau đó nhấn lưu và nhận mã như hình bên dưới.

công cụ tìm kiếm của google 3

Tiếp theo Google sẽ cung cấp một đoạn code cho bạn để chèn vào web nhưng trước tiên bạn nhấn vào Chi tiết kết quả tìm kiếm trước. và nhập vào đường dẫn để hiển thị kết quả tìm kiếm.

Ví dụ như: https://tintuc76.com/search (thay bằng domain của bạn). Phần ở dưới vẫn giữ nguyên sau đó bạn nhấn Lưu

uuuu

OK, để nguyên đó nhé, tý nữa tất cả chúng ta sẽ dùng tới đoạn code này .

công cụ tìm kiếm của google 4

Bước tiếp theo bạn đăng nhập vào WordPress vào truy cập vào Widget bằng cách chọn Appearance > Widget

Widget

Sau đó bạn kéo và thả Textbox Widget sang phần Sidebar. (kéo từ trái quá phải chắc các bạn phải biết chứ đúng không ^^)
Sau đó bạn Copy đoạn code ở trên vào Textbox Widget và lưu lại.

Textbox Widget

Tiếp tục quay trở lại trang lấy code của khung tìm kiếm bạn nhấn vào Nhận mã kết quả tìm kiếm

công cụ tìm kiếm của google 5

Xuất hiện đoạn code thứ 2 .

công cụ tìm kiếm của google 6

Để nguyên đó, quay lại với WordPress của bạn. Truy cập vào Pages chọn Add New

f

Phần này thì các bạn chú ý cho mình là phần Permalink đặt đường link đúng với lúc nãy bạn đặt ở phần Chi tiết kết quả tìm kiếm nhé.

Còn phần tiêu đề đặt là gì cũng được. Sau đó bạn chuyển sang thẻ Text hoặc html của mình là Text.

=> Copy đoạn code ở trang google phân phối vào phần nội dung sau đó lưu lại .

adf

Xong ra test thử thôi. Nếu làm đúng như mình hướng dẫn chắc như đinh là thành công xuất sắc thôi. Giờ mới nói về 2 đoạn code google cung ứng .

Đoạn code thứ nhất là: Hiển thị hộp tìm kiếm.
Đoạn code thứ hai để : Hiển thị kết quả tìm kiếm.

Lời kết

Như vậy là mình đã hướng dẫn rất cụ thể cho những bạn cách chèn khung tìm kiếm ( Google Custom Search ) vào website / blog của bạn một cách cực kỳ đơn thuần và dễ hiểu rồi đó. Qua bài viết này thì mình nghĩ là ai cũng hoàn toàn có thể thực thi được 1 cách thuận tiện đúng không 😀
Hi vọng bài viết sẽ có ích với bạn. Chúc những bạn thành công xuất sắc ! ! !
> Google Custom Search

Bài viết đạt : 5/5 sao – ( Có 2 lượt nhìn nhận )

Bài viết liên quan