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é!
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)
Thêm Google Tìm Kiếm Vào WordPress
► Hướng Dẫn Với Plugin:
1/ Cài đặt WP Google Search Plugin
Trong WordPress vào Plugins -> Add New
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
3/ Tùy chỉnh và lấy code chèn vào Website.
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.
Copy: Search engine ID
Dán mã vào ô: Google Search Engine ID
5/ Tạo hộp tìm kiếm bằng Widgets
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:
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
2/ Tùy chỉnh và lấy code chèn vào Website.
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).
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.
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
Copy đoạn CODE này, và dán vào Widgets tạo bên dưới!
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ả.
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
8/ Vậy là xong!
Có vẻ hơi xấu!!!
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”
Các bạn vào: Look and fell -> Customize -> Google Branding -> Check vào ô ” Disable Google Branding”
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!
Sau khi tùy chỉnh CSS, nhìn ổn áp hơn!
Để 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.
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.
Bằng cách F12, bạn có thể xem code mình thêm sẽ hiển thị ra sao!
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.
