Hướng dẫn chèn Google AdSense Custom Search vào blog WordPress.
Hôm nay, tôi sẽ hướng dẫn cho các bạn cách chèm Google AdSense Custom Search của blog của bạn, thay thế trình tìm kiếm mặc định của WordPress. Có rất nhiều lợi ích từ việc sử dụng công cụ tìm kiếm tùy chỉnh của Google, chẳng hạn như: cung cấp kết quả tìm kiếm cho người dùng một cách chính xác hơn, giảm bounce rate và quan trọng nhất là tăng doanh thu từ AdSense.
Tham khảo thêm:
Lưu ý: Muốn làm được điều này, bạn cần phải có tài khoản AdSense trước. Sau đây là các bước cụ thể.
Chèn Google AdSense Custom Search vào WordPress
1. Truy cập vào tài khoản Google AdSense của bạn. Bấm chọn tab Quảng cáo của tôi => Tìm kiếm => Công cụ tìm kiếm tùy chỉnh => Click vào Tạo công cụ tìm kiếm tùy chỉnh.
2. Điền đầy đủ thông tin vào các mục trong biểu mẫu. (Xem hình minh họa).
3. Kéo xuống dưới, ta sẽ thấy các tab bị ẩn.
- Trong tab Các kênh tùy chỉnh, bạn có thể thêm các kênh tùy chỉnh để theo dõi hiệu suất hoặc có thể bỏ trống.
- Trong tab Kiểu hộp tìm kiếm, bạn nên chọn mục đầu tiên.
- Trong tab Kiểu quảng cáo, bạn có thể chọn kiểu quảng cáo có sẵn hoặc tùy chỉnh nó theo ý thích.
- Trong tab Kết quả tìm kiếm, hãy chọn trên trang web của tôi bằng khung nội tuyến sau đó điền URL nơi kết quả tìm kiếm sẽ được hiển thị. Bấm Lưu và lấy mã. Xem hình minh họa.
4. Bạn sẽ nhận được 2 đoạn mã là Mã hộp tìm kiếm và Mã kết quả tìm kiếm, như trong hình bên dưới.
5. Truy cập bảng điều khiển WordPress của bạn, chọn Pages => Add New. Chọn tiêu đề của trang là Search, khi đó, đường dẫn sẽ có dạng https://wpcanban.com/search. Lưu ý: đường dẫn này phải giống như đường dẫn bạn đã nhập trong mục URL nơi kết quả tìm kiếm sẽ được hiển thị ở bước 3. Chuyển qua tab Text và paste Mã kết quả tìm kiếm vào. Sau đó bấm Publish. Xem hình minh họa.
6. Truy cập Appearance => Widgets. Thêm một Text widgets vào vị trí mà bạn muốn hiển thị khung tìm kiếm. Paste Mã hộp tìm kiếm vào và bấm Save.
Xong! Thật đơn giản phải không nào? Bây giờ, hãy quay trở lại blog của bạn và đón nhận thành quả. Chúc bạn sẽ kiếm được thêm thật nhiều $ từ Google AdSense Custom Search.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Hóng Hiếu ra mắt bài viết hướng dẫn tùy chỉnh custom search như trên site của bạn :)
Bài viết hướng dẫn chèn Google AdSense Custom Search thì đã có rồi. Còn muốn làm cái khung tìm kiếm giống mình thì chỉ cần view source là thấy. :P
Em làm đúng như trên mà em không hiểu sao ads chỉ hiện mỗi ở quốc gia vn, còn em qua ip quốc gia mỹ ko hiện ạ :(, ad giúp em
http://s1.upanh123.com/2016/09/15/Untitledf86d6.png cái này là sao hả anh. sao của em không giống như trong hình anh chỉ thế. chả tìm thấy cái phần tạo công cụ tìm kiếm tùy chỉnh đâu cả anh ạ
Account Hosted hình như không có chức năng tìm kiếm. Tạo bằng Google Custom Search thông thường đi. :P
a có bài nào hướng dẫn tạo mà nó có 1 hộp tìm kiếm như blog a ko. theo e nhìn thì cái cách tạo bằng công cụ kia của google là phải tạo hẳn 1 trang để hiển thị hộp tìm kiếm và kết quả tìm kiếm mà. đâu làm đc cái ô tìm kiếm nhỏ nhỏ như của a xong tìm nó ra trang kết quả đâu
Cái form tìm kiếm thì mình làm bằng HTML (chèn vào trong Text Widget) thôi. Bạn view source sẽ thấy. :P
a dốt css lắm a ơi. nó cho cái script.
e nhìn trang a source như này:
a cho e hỏi là vs blog của e thì thay các thông tin nào trong đây với.
phải tạo trang ket-qua-tim-kiem nè. rồi ở trang đó dán cái script google hay sao. và còn mấy cái như dãy số kia nữa @@
Dán cái mã kết quả tìm kiếm được cung cấp vào trang. Còn cái form tìm kiếm thì view source của mình mà lấy. Nhớ thay ID và link cho phù hợp là được. Chỉ có thể hướng dẫn đến mức đó thôi. Tự mày mò đi. :P
Cái này mình tự tìm kiếm bài viết của mình thì có bị vi phạm không Hiếu!?
Hoàn toàn không nhé. Đừng click vào quảng cáo trên kết quả tìm kiếm là được. :P
Cảm ơn bạn nhé!
Mà tiện cho mình hỏi cái Sao đánh giá bài viết trên góc phải bài viết là cậu dùng Plugin hay chèn code vậy?
Mình dùng plugin kk Star Ratings. Bạn tham khảo ở đây nhé: https://wpcanban.com/wordpress/thu-thuat-wordpress/huong-dan-cai-dat-va-su-dung-plugin-kk-star-ratings.html :P
cái này mình chèn lâu rồi trên desktop thì hoạt động bình thường, hôm nay mới test thử trên mobile thì kết quả tìm kiếm vẫn hiển thị nhưng khi bấm vào link thì báo lỗi
Của mình tìm kiếm trên điện thoại vẫn hoàn toàn bình thường, không bị lỗi gì cả. Bạn có thể test thử. Cách thức chèn mã tìm kiếm mình làm đúng như trong bài hướng dẫn luôn. :)
Của mình cài rồi nhưng sao ô tìm kiếm nhỏ quá, cái nút ” Search” nó nằm ngay dưới chỗ nhập từ khóa, có cách nào chuyển nút Search hoặc bỏ nút search đi ko Hiếu. Nếu đã dùng tìm kiếm tùy chỉnh của GG rồi thì dùng thêm tìm kiêm mặc định trong wp có đc ko?
Bạn xóa cái đoạn code này trong khung tìm kiếm là được:
Hoặc view source blog của mình để xem cách mình tạo khung tìm kiếm. :P
Bác luân cho em hỏi, em có dùng iTheme Security khi dùng search này nếu search liên tục các từ khoá liên tiếp là nó bị trắng trang. Deactive iTheme đi thì search bình thường, bác có dùng iTheme hok chỉ e cách khắc phục zới e thử site bác thì thấy hok có bị
Gỡ cái iThemes và thay bằng plugin bảo mật khác đi bạn, Sucuri chẳng hạn. iThemes Security hay gây ra lỗi lắm. Xem chi tiết: https://wpcanban.com/wordpress/thu-thuat-wordpress/huong-dan-xoa-bo-hoan-toan-plugin-ithemes-security.html
P/s: Mình không phải là Luân nhé. Chắc bạn nhầm với anh Luân bên chiasecoupon. :P
Sorry bác em nhầm, hihi. E dùng iTheme quen rồi giờ bỏ ra cấu hình lại mệt lắm, e tưởng bác có dùng chứ :(
Mình chưa bao giờ dùng iThemes Security cả. :D Mọi cấu hình bảo mật trên blog đều được thực hiện theo phương pháp thủ công. :P
Anh Hiếu ơi !
Em muốn làm cái này nhưng cái khung search là khung mặc định của theme thì phải làm sao ~~! Cái khung của google xấu quá !
Bác show cái khung của Thím Hiếu ra và làm theo.Hehe mình đã làm thành công
Thành công ở chỗ nào vậy? Cái khung xấu mù vậy mà bảo thành công. :P
Vào chaomaohot thử nha Thím.Để 2 cái khác nhau xem cái nào hiệu quả
Xài cái khung mặc định của Google thì nó sẽ phải load thêm js đấy. :D
Em làm được rồi , mà lúc nó tìm ra kết quả nhìn cái page nó cứ không logic lộn xộn kiểu gì ý -_- ! Hic
Cái này là Google Custom Search chứ đâu phải Google AdSense Custom Search? :)
Ờ ha ! :V Em không để ý :v
Không liên quan nhưng thằng Media2d.net đó kiếm được không? Hình như của Việt Nam à? :D
:v Em để cho nó khỏi trống site thôi chẳng biết ra sao :v , chứ web em ngày có mấy trăm visit kiếm gì anh , đợi 2 tháng đăng ký được GA thì bỏ vô đẹp hơn :3 cái này xấu quá !
Cái này tùy vào từng theme để tùy biến CSS nhé. Không thể nói cụ thể được. :)
Sao nó có chữ ” SEARCH ” dưới khung google tìm kiếm tùy chỉnh vậy H, làm sao bỏ được nhì
Cái này phải dùng code riêng. Không dùng code mà Google cấp được. Bác click chuột phải vào khung tìm kiếm rồi chọn Inspect element là thấy. :P
Thấy rồi mà sửa code vậy có sao không nhỉ? Google cấm sửa code
Google bảo cấm sửa code ở chỗ nào vậy? Đưa link xem phát. :P :D
Uhm cứ nghĩ là cấm sửa mã quảng cáo
Hiếu đang xài cái khung tìm kiếm trên blog của H thuộc loại nào vậy?Lúc trước mình làm theo cách của H ở bài chèn google custom search gì đó.Giờ sao tìm trên điện thoại thì không có kết quả
Google Adsense Custom Search đó. :P