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. :)
Lưu lại và đợi
Từ lúc đăng ký đến giờ là mấy ngày rồi? :P
NGày 04/05 bác ơi
Thế thì hôm nay là ngày cuối cùng rồi đó. :P
Vậy là mình đoán đúng hehe, tại hôm bữa ngu quá,mua cái domain pr 3 redirect lỗi tùm lùm,bỏ luôn cái domain và vào file robots chặn lại,nó ra tới 62000 lỗi 404
Đoán đúng cái gì vậy bạn? :D
Thử mình đoán 2 ngày nữa nó chấp nhận,kaka
Cái gì mình càng muốn thì càng khó đạt được, cứ bình tĩnh, cái gì của mình thì không mất đi đâu được. :D
OK ,Tính mình vậy đó,phải đạt cho bằng được hồi bữa hỏi bác kia để mua giá 2 củ mà bây giờ ổng không làm nữa
Mua cái gì? Domain page rank 3 đó hả? :P
Không mua nick ga chính chủ =)).Mới gửi mail cho bác đó
Haha. Bạn cũng ham hố quá nhỉ. :D P/s: Mình bảo rồi, chèn code của Google Analytics vào blog chứ có chèn mã của Alexa đâu mà nó biết. Alexa chỉ dùng để tham khảo cho vui thôi. :P
Thông số như vậy mà không có Adsense để xài thì cũng hơi phí. Bạn có muốn chia sẻ doanh thu với mình không? Ăn chia 30/70 nhé? :D :P
Thích thì mình gắn bên chochimcanh cho ,trang nay thì đang đăng ký.
Bạn vừa lấy code Adsense của mình chèn vào Chợ chim cảnh đấy à? :P
Uhm,trang đó cũng đang đặt code mà lâu quá nó không chấp nhận
Bạn phải tạo đầy đủ các trang cần thiết như đối với WordPress đã: Liên hệ, Chính sách và bảo mật, Giới thiệu,… Diễn đàn cũng không thể thiếu mấy trang đó được. Mình đang thiết lập chế độ chỉ tính tiền với quảng cáo ở trang của mình nên bạn có lấy code dán vào nơi khác cũng không có tác dụng gì đâu. :D
sax,vậy gỡ ra thôi
Chịu khó chờ thêm mấy hôm nữa đi. Xem nó có duyệt cho không. Nếu không thì lấy code của mình chèn vào Chào mào hót, đừng chèn vào Chợ chim cảnh. Google có vẻ không thích diễn đàn cho lắm. :P
Nó đâu bị gì đâu bác,chả vi phạm gì hết,chẳng qua web dạng rao vặt nên bài viết không có chất lượng thôi,visit cao hơn chaomaohot
Mình vừa ủy quyền Adsense cho trang chochimcanh.com. Đặt thử vài hôm xem kết quả thế nào nhé. :D
Lúc trước Hiếu chỉ mình chèn kiểu khác,giờ không biết trang mình adsense nó có tính cho mục tìm kiếm không nữa
Lúc trước thím đã có tài khoản Adsense đâu mà đòi chèn Adsense Custom Search. Lúc đó là chèn Google Custom Search thôi. :D Giờ thay nó bằng Adsense Custom Search đi. :P
Làm theo bài này hả
Chứ sao nữa. Nhưng cái khung tìm kiếm cần phải chỉnh sửa mới đẹp được. Còn để nguyên thì nó xấu lắm. :P
Mình làm được rồi,chỉ cần vào google cse => thiết lập rồi chuyển qua kiếm tiền bấm vào là được.Nhưng đang phân vân cái hôm bữa hiếu làm cho mình.Mình tạo 1 cái pages rồi dán code vào đó.Rồi vào widget dán thêm code hiếu đưa ,hình như giá trị 2 cái này phải giống nhau phải không.Sao của mình nó khác nhau ta,hay hồi bữa Hiếu đua mà quên sửa lại.Cái ở pages là : var cx = ‘001735440616837987003:g9c1-v5rcaq’ .Trong khi cái ở widget là : value=”000599523069808062191:xajw2g8r0xg” Vậy là sai hay đúng Hiếu,nó vẫn tìm bình thường
Chào thím. Thím phải sửa cho 2 giá trị giống nhau nhé. :P
cảm ơn Thím
à, cái Google Adsense Custom Search có được tiền ko nhỉ
à, có được nhiều ko í
Giá click cũng tương tự như quảng cáo Adsense bình thường thôi bạn. :D Còn được nhiều hay không thì phụ thuộc vào việc khách truy cập có sử dụng công cụ tìm kiếm hay không và họ có click quảng cáo hay không thôi. :D
Hi Hiếu,
Mình làm như hướng dẫn này mà không thấy search được nhỉ.
Page search không thấy xuất hiện kết quả gì cả. Không biết là có chỗ nào làm sai.
Hiếu có thể ghé qua http://tungnt.net review giúp vấn đề gì đc ko?
Cảm ơn bạn.
Khung Custom Search của bạn chèn ở đâu vậy? Mình không nhìn thấy nó trên sidebar, chỉ thấy mỗi khung search mặc định của WordPress thôi. :P
Hôm trc để nó hiển thị lên ở trong page ở trang mình nhưng không đc nên mình ẩn đi. Mình mở lại rồi cậu vào lại thử xem.
Có vẻ bạn đã chỉnh sửa code hoặc cách chèn code của bạn chưa đúng. Nếu muốn, bạn có thể gửi code và thông tin đăng nhập WordPress qua email của mình, mình sẽ giúp bạn chèn khung tìm kiếm. :P
Chèn theo kiểu mặc định này thì ô tìm kiếm hơi xấu :)
Bạn viết thêm hướng dẫn tạo khung tìm kiếm tùy chỉnh GOogle theo ý muốn đi (tức là có kết hợp CSS)
Ko biết nói vậy có đúng ko :)
:D Thực ra thì blog của mình cũng đang sử dụng khung tìm kiếm tùy chỉnh của Google Adsense đấy. Tuy nhiên mình không sử dụng bất cứ mã CSS nào để tùy biến nó cả. Đơn giản chỉ là thay đổi code khung tìm kiếm mà thôi. :P
Sao thanh công cụ của mình không có mục Google search này nhỉ.
Trong phần nội dung, mình thấy có mỗi 4 mục: đơn vị quảng cáo, kenh tùy chỉnh, kênh url, thử nghiệm :(
Không thấy có mục công cụ tìm kiếm tùy chỉnh, hay là nó mới bỏ chức năng này nhỉ :3
Mục “Tìm kiếm” nằm ngoài mục “Nội dung” mà bạn. Menu chính gồm 4 mục là: Nội dung, Tìm kiếm, Kiểu quảng cáo và Các sản phẩm khác. Hai mục này ngang hàng nhau. Bạn xem kỹ lại đi. :P
Sao của mình lại chỉ có 3 mục, nội dung, Kiểu quảng cáo, và Các sản phẩm khác nhỉ @@
Nếu không có thì bạn có thể vào đây để tạo một công cụ tìm kiếm tùy chỉnh và bật tính năng kiếm tiền của nó lên: https://cse.google.com/cse/all :P
Thanks bạn :D
Cho mình hỏi, mục điền “từ khóa” như bạn hướng dẫn ở trên. Mình đê trống thì có được ăn tiền nếu có người seach bất cứ thông tin gì trên đó không. :D
Hay là, điền từ khóa vào, nếu có ai search đúng từ khóa mình điền ban đầu thì CPC cao hơn :D
Từ khóa chỉ giúp Google đưa ra kết quả tìm kiếm chính xác hơn thôi bạn ạ. Hoàn toàn không liên quan gì đến vấn đề tiền nong ở đây cả. :P
Chào bạn, mình muốn hỏi đặt google-adsense-custom-search vào forum vbb thì phải làm như nào? Xin cảm ơn.
Mail: vietlongjapan@gmail.com
Đt: 0904.82.9229(viber, imess)
Chào bạn. Rất tiếc mình chưa bao giờ sử dụng VBB nên không thể giúp gì được cho bạn. Mong bạn thông cảm. :)
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
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
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. :)
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
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:
https://gist.github.com/Kaiderella/7b85016f1fcd990974ec
Hoặc view source blog của mình để xem cách mình tạo khung tìm kiếm. :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á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
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
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
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
web mình đăng ký được GA rồi Hiếu ơi!
cuudulieuocung.vn đó, bữa Hiếu có vô xem và ý kiến giúp mình đó! Cảm ơn Hiếu!
Chúc mừng bạn nhé. :)
http://cuudulieuocung.vn hồi này đánh thiếu http:// mà sao hỏng có chổ sửa bình luận vậy.
Cái này nó kiếm tiền thế nào nhỉ?
Khi người dùng click vào quảng cáo tìm kiếm khi search bằng ô tìm kiếm trên website mình?
Trường hợp mình không có tài khoản adsense thì làm sao để có tiền?
Trường hợp mình có tài khoản adsense thì làm sao để kiểm tra thu nhập và withdrow nhỉ?
Cảm ơn bạn
Khi người ta click vào quảng cáo trong kết quả tìm kiếm thì bạn sẽ được tính hoa hồng. Nó cũng tương tự như quảng cáo dạng banner truyền thống thôi. Bạn có thể xem thống kê trong tài khoản AdSense giống như những quảng cáo khác. :P
Hi bạn,
Code cũ vẫn chạy nhưng từ khi tôi cài SSL cho site và cũng update lại code search mới (có https). Vậy mà giờ nó không chạy? Bạn biết tại sao không? Cám ơn!
Bạn tham khảo bài viết “Khắc phục lỗi Google Custom Search khi sử dụng giao thức HTTPS” thử xem. :P
Làm sao gắn cái google tùy chỉnh này vào thanh tìm kiếm mặc định trên blog vậy anh Hiếu.
Cái này mỗi theme có một cách khác nhau nên không thể hướng dẫn được. :P