I was looking at LiewCF’s extensive documentation on how to create a custom Google search results page within your Wordpress blog, and I decided it was just too techy for me.
So I devised a simpler approach – using Widgets and the Adsense Deluxe plugin. This is an approach that most of us regular folks will be able to accomplish easily, assuming you already have these components:
- A Google Adsense account and a Wordpress blog
- Wordpress widgets and a widget-compatible theme
- The Adsense Deluxe plugin installed and activated
This interesting exercise will produce your own custom Google search results page with your Adsense ads on them, and the best part is that it will appear as part of your overall theme.
Step1: Create Your Search Results Code in Google Adsense
Login to your Adsense account and create a new “Adsense for Search” block. Choose “Google Web Search + Site Search” and
Recommend that you lose the Google image and opt for the Google name in the search button instead. Put the search button beneath the search field like the picture below.
For search results options, choose “Open results within my own site”. For the URL, you can put something like this:
www.yourdomain.com/directory/search-results/
Replace “directory” with the folder you’ve installed Wordpress in. If you have Wordpress installed on the main domain (root) just enter something like this:
www.yourdomain.com/search-results/
This is because you will later create a Wordpress page called “Search Results”.
Step 2: Create Your Search Box Using Text Widgets
Now if you already have Widgets installed and you’re using a Widget-enabled theme, all you need to do is copy the search codes and put them into a text widget, which you can place right at the top of your sidebar.
Once you’ve generated this text widget, it may look something like this (depending on your theme):
Now you have your search form up, so you can start to create your custom results page.
Step 3: Create A New Adsense Deluxe Block
Now, the funny thing with Wordpress is that be default, you cannot insert Javascript or PHP codes into posts, unless you have some kind of plugin that enables it.
The Adsense Deluxe plugin not only enables you to add Adsense codes into your posts and pages; it can also be used to hold and insert Javascript. Therefore, it can also be used to hold your customs search page code.
Voila!
Go to Options > Adsense Deluxe and create a new block. You can call is “googlesearch” and insert the codes into the settings.
Now you’ll have a custom code that you can use in your page.
Step 4: Create A New Page for Search Results
Go to Write > Pages and create a new page, naming it Search Results. Within the page, insert your new Adsense Deluxe code that will generate the custom search results page. Your code, depending on what you named it, may look something like this:
< !– adsense#googlesearch –>
You can also add stuff to the beginner or the end of the page, for example some text, banners or other elements. Save the page.
Step 5: Test Your New Custom Search Page
Now you can test your custom Google search results page. Mine looked something like this:
So there you have it: a simple, easy way to add Google custom search results to you page. Watch your Adsense income soar, all while maintaining your site navigation and layout.
Remember though that the Google search tool will only return results from your site that are already indexed in Google, so it may not be suitable for new sites.
Enjoy, and if you want to mater Wordpress I recommend you take a look at the Wordpress Adsense System and our list of tools and plugins.
Loading ...
{ 2 trackbacks }
{ 28 comments… read them below or add one }
Great Idea!
I had looked at the google custom search program and figured my theme would be incompatible because of width constraints, but your simple explanation makes perfect sense.
thanks for the tip!
Well, you are really great.
I’m new to wordpress and your insights at this page really help me a lot.
Kepp up the good work
Great tips Gobala.
Another way to have Google Search result open on your Wordpress blog is by using MightySearch plugin. I’m using it now on my blogs. It’s easy to use too.
Here’s the URL:
http://mightyhitter.com/main-page/plugins/mightysearch/
Hi Freeze,
That’s useful! This Mighty Hitter blog owner… is he from Malaysia?
I believe he is Gobala…
he also owns a forum which is known among malaysian hyips and autosurf players –> nogold.com
nogold.com is belong to other people not gobala.
anyway gobala has done a good job by giving a lot of useful info.
loshni,
I guess you have read my sentence wrongly.
I was replying to Gobala about mightyhitter who is the real owner of nogold.com
regards,
Hi,
Your idea is really sweet. I tried implementing it and it worked well. The only problem I had is that I am unable to determine the frame size of the results page. As a result, the width of the results overflow into the second column, pushing it down awkwardly. Do you have any idea how to deal with this?
Thanks,
Vivek
By the way, I realised that I can now add RSS content within the page, rather than just the sidebar. Infact, with an RSS reader like feed2js, I get great flexibility to use RSS content from delicious or other sources using your technique. I’ve explained it here with credits to you. http://viveks.info/rss-feeds-within-post-in-wordpress-horray
Thanks a ton!
check out this search widget here http://gallery.yahoo.com/apps/8324, it can not better this.
This plugin uses yahoo UI and Yahoo Exit
2. Provide you with the Goggle suggestt style search functionality.
2. User can easily search your blog, for comments, images, post, achieves and everything. Live search style.
3. User can search your blog pages that is listed in Yahoo and Google.
4. Meyshan King search widget integrated with Google custom search, web search, video search, blog search, and local search
5. Meyshan King search widget also integrated with Yahoo web search, video search, news search and local search.
6. Meyshan search widget is inbuilt with snap preview so that easier view the search results before click on the link.
7. Meyshan search widget on click uses yahoo exit to open the new sites, with leaving your site.
8. Meyshan Search widget is Google Adsense integrated and in build with which help you make some money.
9. Easy to configure and install.
10. Installation is very easy Just copy the Meyshan search king folder to the plugin folder and activate, it will automatically over write your default search.
11. Get Google api key, adsense code(optional) custom search link (optional) and configure it under option in your wordpress admin. That is all.
12. You can control where to display the Google adsense, either on the top or in the right side.
Does Super Adsense Wordpress Theme widgetized?
Yes it is Widget-compatible
AdSense management plugins for WordPress make your life easyer. There are lots of tutorials out there on how to set up AdSense on your blog. Some free blog hosting websites offer this plugin installed by default. All you have to do is enter your AdSense ID and start earning.
hello.
I’m trying to get the websearch to work w/my website
(powered by wordpress blog) what i’m having problems with is getting the google
search to work. I placed the code for the actual search from in my
sidebar, which appears and looks fine. In the setup of the search bar,
i told it to display the results at “http://www.rightblognews.com/google-search/” — i
create a page in the admin of wordpress, ‘google-search’. I then
continue to place the code given by the search setup in that page
(manage pages->edit page in wordpress) — all I get is a blank page.
thanks in advance for any/all help!
I use the same ‘theme’ for 4 blogs and have always had problems with the Adsense plugin and so have deactivated it. This gives me hope that I might be able to get it working – thanks.
the search page never shows up in the correct page? Why? It either shows all blank or goes back to the blog home page
Can anyone directly link me to the Adsense Deluxe widget? I cannot find it anywhere.
You can get it here: Adsense Deluxe
Thanks for the valuable information. I added it to my SEO Practices Blog. Right now I’m just trying for it to display correctly on my site. I guess some css change has to be done.
Hi
I used your tips to implement Google Custom Search on my site! Tnx!
Patrick
Thanks for the superb tips. Anyway, what do you think about PPC method? I mean pay per click. Do you think this can be work?
Wordpress users can actually go I more step and integrate the Adsense Search to the Wordpress page itself with out a plugin
Look @ the search on my blog or this image to see what i mean : http://img80.imageshack.us/img80/9720/searchintegrationso7.png
Just be sure to remove all adsense ads from the search page , coz its against their terms to have adsense ads on search page
Where is your blog located? How did you get the search results that you show in your post dated 2008-10-16? This is EXACTLY what I am looking for … any help would be greatly appreciated!
i think this is against the TOS.
afaik, it said the search keyword must be typed-in manually by human and must not automatically generated.
or maybe i’m wrong…
This is the most ingenious way to make money online. Thanks for this great info.
I think you’re right. I’m pretty sure the TOS say you can’t put adsense results on a search results page. Though you can put them on the page with the search box.
You need to get a Google custom search engine instead – with those you can monetize the ads that appear within the search results.
Hi Gobala,
Thank you so much for this tip. I think it is a great way to monetize on blogs, I will definately give it a try soon.
Hi there,
Having problems with the search results – got the box up as a widget fine but the results don’t seem to display on the “search” page I set up?
Thanks for the walkthrough – very informative!