Chèn Google Search (Google tìm kiếm)  vào WordPress,. Google là công cụ tìm kiếm tốt nhất trên toàn cầu và nó cung cấp công cụ tìm kiếm miễn phí cho các trang website để bạn có thể tìm nội dung chính xác và phù hợp. Vậy làm để nào để chèn Google Search vào website WordPress của bạn. Cùng xem bài viết này nhé!

Thêm Google Tìm Kiếm Vào WordPress

Trên các theme WordPress đã có ô tìm kiếm mặc định rồi nhưng nó sẽ không thể hiệu quả bằng khung tìm kiếm của Google được. Việc thêm Google tìm kiếm vào WordPress để tìm những kết quả chỉ có trên website của bạn cũng là một điều rất thú vị, và cũng có rất nhiều cách để thêm Google tìm kiếm vào web của bạn đó là:

1 – Plugin: Đơn giản, chỉ cần cài đặt Plugin, chèn “Search engine ID” và thêm Widget là bạn có thể sử dụng  nhanh!

2 – Sử dụng Code:  Sau khi cài đặt, thì Google sẽ cung cấp cho bạn “source code” trong đó có kèm Search engine ID  của web bạn, việc của bạn là thêm vào website của mình, cái này có vẻ phức tạp hơn. Nhưng mình có thể tinh chỉnh CSS cho phù hợp với giao diện.

Vì, khi cài đặt công cụ tìm kiếm, Google sẽ cho bạn tạo giao diện, font chữ, màu sắc, viền….. nhưng đôi khi lên web nó sẽ không hiện thị đúng nhưng gì mà Google hiển thị Demo! Và thường thì nó sẽ rất xấu!!!! (Theo mình cảm nhận)

► Hướng Dẫn Với Plugin:

Cài Đặt Plugin

1/ Cài đặt WP Google Search Plugin

Hướng Dẫn Thêm Google Search Vào Website WordPress
Trong WordPress vào Plugins -> Add New

Hướng Dẫn Thêm Google Search Vào Website WordPress
Tìm kiếm “WP Google Search” -> Intall Now -> Activate

2/ Đăng ký Google Search Engine ID

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

Sites to search: Điền tên trang web của bạn.
Language: Tiếng Việt nếu bạn làm web Tiếng Việt.
Name of the search engine: Tên để bạn dễ dàng quản lý trên Google Custom Search, khi sau này bạn thêm nhiều website.
=> Sau đó nhấn GREATE

Hướng Dẫn Thêm Google Search Vào Website WordPress

3/ Tùy chỉnh và lấy code chèn vào Website.

Hướng Dẫn Thêm Google Search Vào Website WordPress
Bấm vào “Control Panel”

4/ Bạn lấy mã “Search engine ID” mà Google cung cấp và dán vào Plugin WP Google Search.

Hướng Dẫn Thêm Google Search Vào Website WordPress
Copy: Search engine ID

Hướng Dẫn Thêm Google Search Vào Website WordPress
Dán mã vào ô: Google Search Engine ID

5/ Tạo hộp tìm kiếm bằng Widgets

Hướng Dẫn Thêm Google Search Vào Website WordPress
Appearance -> Widgets

Vậy là xong ra web hưởng thụ thôi!!!

Phương pháp cài đặt bằng Plugin này bạn cũng có thể chỉnh sửa CSS để phù hợp hơn với theme, nhưng hơi đụng chạm tới các CSS khác trên theme, nên có thể giao diện bị  thay đổi nhẹeeeee!

► Hướng Dẫn Với CODE:

Cài Đặt CODE

1/ Cũng giống với Plugin, bạn cũng cần đăng ký với Google.

Đăng ký Google Search Engine ID

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

Sites to search: Điền tên trang web của bạn.
Language: Tiếng Việt nếu bạn làm web Tiếng Việt.
Name of the search engine: Tên để bạn dễ dàng quản lý trên Google Custom Search, khi sau này bạn thêm nhiều website.
=> Sau đó nhấn GREATE

Hướng Dẫn Thêm Google Search Vào Website WordPress

2/ Tùy chỉnh và lấy code chèn vào Website.

Hướng Dẫn Thêm Google Search Vào Website WordPress
Bấm: Control Panel

3/ Setup giao diện cho khung tìm kiếm
(bấm SAVE & Get Code khi tùy chỉnh xong).

Hướng Dẫn Thêm Google Search Vào Website WordPress
Tại đây bạn có thể tự do tùy chỉnh, sao cho phù hợp với thẩm mỹ cá nhân! Bấm SAVE & Get Code

4/ Lấy Code để chèn vào website.

Hướng Dẫn Thêm Google Search Vào Website WordPress

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 Search Results Details trước.
Và nhập vào đường dẫn để hiển thị kết quả tìm kiếm.

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

OK, để nguyên đó nhé!

5/ Vào WordPress vào truy cập vào:  Appearance > Widget

Hướng Dẫn Thêm Google Search Vào Website WordPress
Copy đoạn CODE này, và dán vào Widgets tạo bên dưới!

Hướng Dẫn Thêm Google Search Vào Website WordPress
Chọn ô Custom HTML, kéo thả sang vị trí bạn muốn! Rồi dán Code vào

6/ Copy code cho trang hiện thị kết quả tìm kiếm:

Bấm vào: Next: Get code for search results để chuyển sang CODE của trang Kết quả.

Hướng Dẫn Thêm Google Search Vào Website WordPress
Copy đoạn code cho trang kết quả!

7/ Bạn tạo trang  Kết quả, rồi dán code bên trên vào!
WordPress -> Page -> Add New

Bạn tạo tên page
Link: https://fxtub.com/search (thay bằng domain của bạn)
Chuyển sang tab Text, để dán code vào.
Nhấn Public

Hướng Dẫn Thêm Google Search Vào Website WordPress

8/ Vậy là xong!

Hướng Dẫn Thêm Google Search Vào Website WordPress
Có vẻ hơi xấu!!!

Hướng Dẫn Thêm Google Search Vào Website WordPress

Mình sẽ tùy chỉnh một xíu, để phù hợp với web của mình hơn!

ĐÂY LÀ PHẦN NGOÀI LỀ,  CHỈNH SỬA DỰA THEO CODE!

1/ Đầu tiền xóa chữ ” Được cải tiến bởi Google”
Hướng Dẫn Thêm Google Search Vào Website WordPress

Các bạn vào: Look and fell -> Customize ->  Google Branding -> Check vào ô ” Disable Google Branding

Hướng Dẫn Thêm Google Search Vào Website WordPress
Các tắt logo Google

2/ Setup lại giao diện, mặc dù mình đã tinh chỉnh trên tab “Look and feel” trong rất đẹp, nhưng khi vào web thì nó lại xấu vllllllllllllll!

Hướng Dẫn Thêm Google Search Vào Website WordPress
Sau khi tùy chỉnh CSS, nhìn ổn áp hơn!

Hướng Dẫn Thêm Google Search Vào Website WordPress

Để chỉnh sửa giao diện hộp tìm kiếm bạn vào phần Widgets lúc nãy để thêm CSS bằng thẻ <style></style>

3/ Loại bỏ liên kết tìm kiếm trên Google, ở trang hiện thị kết quả tìm kiếm.

Hướng Dẫn Thêm Google Search Vào Website WordPress
Mình sẽ loại bỏ dòng này bằng CSS. Vì khi người dùng nhấp vào thì sẽ chuyển sang tab tìm kiếm mới trên Google. Và không còn tìm kiếm nội dung trong Web của mình.
Hướng Dẫn Thêm Google Search Vào Website WordPress
Bằng cách F12, bạn có thể xem code mình thêm sẽ hiển thị ra sao!

Hướng Dẫn Thêm Google Search Vào Website WordPress

Vào trang kết quả tìm kiếm, thêm thẻ <style></style>, chèn code Display: none (dùng để ẩn nội dung không mong muốn)

Vậy là xong, kết quả thì bạn có thể thử trên web của mình fxtub.com, việc tùy chỉnh này cần bạn phải có chút kiến thức code code CSS và HTML cơ bản, thì sẽ đơn giản hơn!

Với những cách CSS trên bạn có  thể thỏa sức mà trang điểm cho công cụ tìm kiếm c ủa mình. Tại đây mình cũng nói lại cho các bạn dễ hiểu. Nếu sử dụng Plugin thì mình làm sẽ đơn giản hơn một xíu. Đối với sử dụng CODE thì Google sẽ cung cấp cho bạn 2 đoạn mã code.
1: CODE, sử dụng cho Hộp Tìm Kiếm Nhập Từ Khóa, bạn sẽ chèn tới nơi mà bạn muốn hiện thị.
2: CODE, sử dụng cho trang hiện thị kết quả, như lúc nãy mình  tạo trang và thêm code đó.

CẢM ƠN CÁC BẠN ĐÃ THEO DÕI BÀI VIẾT.

Thêm Google Tìm Kiếm Vào WordPress