How to Set up Google Custom Search for Your Website and Make Money

google custom search.jpgVisitors often visit websites and perform keyword searches in order to find the information they require. One way to make money from this often repeated user action is to display targeted advertisements on your search results pages.

Ideally, you want to monetize while adding value for your visitors and a means to achieve this aim is to use Google’s Adsense for Search, which places text-based ads next to your search results

I’ve inserted a Google Custom Search engine on Dosh Dosh a few months ago and I thought it’ll be helpful to share the process of setting up a Google Custom Search for your own site, in order to generate some extra income.

What is a Google Custom Search Engine?

Simply put, Google Custom Search Engine is a tool which allows visitors to search your website by using Google’s core search technology. This enables you to list search results according to the sites and pages you specify. According to Google, the Custom Search Engine also allows you to:

  • Apply your Website’s look and feel to the search results page.
  • Provide search refinements within results pages to make it easier for searchers to find the information they’re looking for.
  • Make money from your Custom Search Engine by participating in Google’s AdSense program.

There are two main ways for visitors to experience your Custom Search Engine. One way is to direct them to a Google-hosted results page when they type in a search query and the second way is to integrate it by hosting the search results on a page within your website.

Example of an Integrated Google Custom Search Engine

Currently I’m using Google’s Custom Search Engine for Dosh Dosh and you can see it on the top right hand corner of every page. Typing in a search query and clicking ‘search‘ will bring you to a search results page on the left, where the content section is currently located.

Here is an example of a search for ‘make money blogging‘. Note that the Adsense ads appear at the top (this is changeable) and the search results show up below it.

Google Custom Search Results for Dosh Dosh

Why I am Using Google’s Custom Search Engine

I am using Google custom search instead of the internal Wordpress search function because I feel that Google’s search results are far more relevant and precise. I also choose to use Custom Search because it allows me to make money from Adsense for Search, which allows you to monetize your search results pages with ads.

A look at my Adsense stats shows me that I’ve earned approximately $20 in this month. It’s not a lot of money at all but it is still an additional source of income, particularly if you are already running Adsense on your site.

Like the traditional Adsense units, how much you earn might vary depending on the ad placement and traffic levels. If you like Google’s search results but don’t feel the need to monetize, set up the custom search engine without advertisements.

How to Set up Google’s Custom Search for Your Site

While writing this article, I found out that SEOmoz had a similar post on how to perform the same steps. I’ve decided to use my own commentary instead, as some readers have been asking me how I set up the google search box on Dosh Dosh.

There have also been some changes (additional features) within Google’s Custom Search function so this will be a more current post on this topic.

Here are the exact steps needed to successfully set up and integrate Google’s custom search engine into your website. This will teach you how to make the search results show up within a designated page on your site.



1. Create a Webpage for Custom Search

Start first by creating a web page on your domain for the search results page. If you are on Wordpress, simply click on ‘Write’ and then select ‘Write Page’. Name the page by using ‘Search results’ or something similar as the Page title.

Leave the text box blank and publish or save the page. Note down the URL for the webpage as you will need to use it later.

Google Custom Search Wordpress Write Page


2. Create Your Custom Search Engine

Visit the Google Custom Search Engine homepage and click on the ‘create a custom search engine‘ tab. After which, fill in the name of your search engine, along with the keywords. Be sure to select the ‘Only sites I select‘ option and then list your site URL in the Sites to Search box.

Also remember to select ‘Show Ads on results pages‘ if you intend to run ads.


Google Custom Search Homepage

Google Custom Search Engine 1

Google Custom Search 2


After creating your custom search engine, you’ll be asked to test it by entering some keywords. Type in some keywords related to your site to see the results.


Google Custom Search 3


3. Determine the Look and Feel for Your Search Engine

After you’ve created your search engine, go to your control panel and click on the Look and Feel link. This is where you will able to determine the branding style for your search box, along with the style of the search results page.

Choose the right colors so that the results pages fit your overall design.


Google Custom Search CPanel Look n Feel 1

Google Custom Search Cpanel Look n Feel 2

You can also choose to add a logo to the Google hosted results page but in this case, it won’t be necessary as you are hosting the search results on your own site.


4. Set up Adsense for Search

If you want to make money from your custom search engine, you’ll have to set up Adsense for search by clicking on the ‘Make Money‘ navigational link and connecting custom search with your Google Adsense account.

If you already have an Adsense account, simply check the appropriate box and then type in the email, zip code, phone and location details associated with it.

Google Custom Search Engine Adsense Setup


After doing this your custom search engine profile will be connected to your Adsense account. You can then set up a custom channel to track the amount of searches and money you are earning from it.

Simply do this by typing in a name for your custom channel. For example, I’ve used ‘Dosh Dosh Custom Search‘ as my channel name. This means that the same name will show up in my Adsense Dashboard reports as well.

Google Custom Search Control Panel Money


5. Insert the Code on Your Blog

After you’ve completed the above steps, its time to insert the code on your blog. Go to the ‘Code‘ section of the control panel and select the iframe option.

The new Overlay option will allow the search results to show up in a nifty Ajax-style overlay but unfortunately only the first 8 search results are displayed and you cannot make money through Adsense for Search.

Only consider the overlay option if you are not planning to run ads. After choosing the hosting option, specify the search results details by inserting the URL where you want the results to appear. This would be the page you’ve created in step one.


Google Custom Search CPanel Code 1


Then scroll down to the second half of the page to grab the search box code. Take the first code you see and place it where you want your search box to appear. After which, copy the search results code in the lower frame and place it where you want the search results to appear.

Which means you’ll have to paste it on the new page you’ve created.

Google Custom Search Cpanel Code 2

For Wordpress blogs, simply open up your new page, insert the code in the empty text box and publish.

Google Custom Search Wordpress Page Insert Code

And That’s All You Need to Do


After completing all the steps above, you should have Google Custom Search set up perfectly for your website. One possible drawback I think of when using ads on the search results pages is that users will click away from your website.

I don’t think this is really that big a problem because users who actively use your website to search for a specific items are people that are interested in your opinion or content. I would believe that these visitors would return to your site eventually.

An easy solution to this would be to run no ads at all. The choice is yours.

For more effective ways to monetize your website, subscribe to Dosh Dosh today.

87 Comments - Share Your Thoughts
  • Awesome! I’ve been planning to do this for some time now (been using the standard options for adsense for google search for the time being), and this is a perfect rundown of how its done.

  • Great writeup!

  • Absolutely genius. Like Jacob, I’ve been meaning to do this for some time now. Also, I’m designing my own personal site now and I tried implementing the search code but the results didn’t appear in my blog. Who knew it was that simple???!

  • wao! I was looking for this exact information and boom! you posted it about it, I love this blog!!!

  • it will display google ads for specific keywords only.

  • Maki, this is a wonderful step-by-step guide on how to use CSE.

    I went ahead and incorporated this on my blog. It took me only a few minutes thanks to this very well written article.

  • but is the earning from the google search not as high as clicks? I do not use google search bencause of the low earnings – has your results been good?

  • This is a great tutorial on how to create Google custom search for your site. I use it already and though it doesn’t earn me much money, maybe $10-15 a month, I still look at it as an additional revenue stream that I wouldn’t have had otherwise. Think like this…if you saw a $10 bill laying on the ground would you pick it up? So, don’t leave that $10 bill lying around.

  • Maki on September 27th, 2007

    @Iantrepreneur

    I’ve mentioned my earnings in my post. It’s only natural that the amount of clicks you get on ads for search is far less than the normal Adsense unit (which gets a lot more impressions). As I’ve mentioned, Google’s search technology is great and I do think it is one of the main reasons why you should consider adopting it.

    You can always not run ads if you’re not comfortable with it. :)

  • Oh, gosh! Thank you so much, Maki! I have searching for this kind of comprehensive guide to implement google custom search since 6 months ago! (believe it or not?!)

    You would see my google search page is still using the old style method and I’m completely lost of direction about it! :(

    This is what I’m searching for. Thanks for writing this great post to educate us!

  • > Maki – I have done it but I do not want the apge category to show up on my main page or any pages – how have you done that?

    Also – it seems I can not control the width – I changed it to 468 – but it still expands and destroys my layout

  • Anyone ever get this working from a custom form?

    I’d be interested in this if I didnt have to use the google search input box / button.

  • Already done it and making money now ^_^

  • > whydowork

    what you mean custom form? my search is customm, without the button if that is what you mean?

  • This really seems like a great idea! This stuff is so simple, you just need to know about it. Thanks for your blog. It honestly makes my life much easier.

  • Thanks, great post.

  • I’m curious if this sort of set up will work for people using Blogger, or is it only recommended for those using a hosted blog? Technically, you can create a page in Blogger called “Search results”, and it will look like your other blog pages (with the ads, etc)

  • Thanks Maki.

    The standard search function on my blog is, as you mention, not too precise, and I’ve admired your Google search for a while now.

    I just didn’t have the time to research it, so this is a very timely post.

  • Nice, i’ve just set one up and is in the working!

  • I’ve used the custom seach before, and while it didn’t have good direct monetary results, I believe the reports included what keywords my readers were looking for. That could be helpful in my future SEO efforts.

  • Thanks for the excellent write-up.

    The only thing I had to tweak was the googleSearchFrameWidth in the search results code. It defaulted to 600 which was too wide for my theme. This meant the search results overlapped my sidebar.

    I edited my search results page in Wordpress to give googleSearchFrameWidth a lower number and that did the trick.

  • Maki,

    Your timing was perfect on this. I had set this up before, but it never properly fit my page/theme, so I always had to redirect the results to a Google-hosted page, not an optimal result.

    Tried again today, and it works :-D . Search results look much better now, as they are integrated into my theme.

    Much thanks!
    -Ravi

    PS. If you don’t want extra JavaScript loading, you can safely remove the script line in the code that adds the “Google Custom Search” overlay in your search box. I like it without it, it looks cleaner on my site.

  • Maki,

    Great detailed post! I think there is something wrong with my theme, because when I type something into the search engine, it takes me to the search results page but it won’t display anything at all. It is just blank.

    I guess thats a problem for another day though, and your directions worked like a charm! :D

  • This was a very good post. Please keep up the great work.

  • This is very cool. Thanks for the tip Maki, and for the clearly written post. I’ll definitely implement this on my blog.

  • Anyone manage to get this working on Blogger? My reslts aren’t appearing :(

  • Great tip, but I couldn’t get to search results iframe width to reduce low enough to fit, no matter how many times and widths I tried.

    I also could never got the search bar to generate the way I wanted. It always went back to default. Very strange.

  • I am trying to implement this on my new blog at http://tinyurl.com/34bz4p . I am using the Prosense wordpress theme and various popular plugins. Every time I try it I get a 404 error. Any ideas?

  • Please help me in this..although I get 2-3 searches shown in my Adsense reports,I do not get any money.

    Similar problem is with referrals.It shows 2 referral click but I get no referral money.

    Thank You

  • Good money making information on Google custom search engine . Great way for web owners to make some extra money.

    Keep up the great Blog

  • Thanks! I followed your directions step by step and was finished with integrating google custom search within 30 minutes.

  • Great tips, very detail explanation. Have to give try on this..

  • Thanks Maki for detailed step by step instructions..I have got it set-up in a few minuets…done exactly the way you mentioned…unfortunately, the search results page shows blank page…did everything again…but the same blank page

    DO you know what the problem could be…or what I may be doing wrong ?

  • This is a cool way to put a search engine on your site. It’s just like embedding a youtube movie.

    I do hope that one day this would be useful to me.

  • yes, i’ve installed it as well but the results page is blank, any ideas anyone?

    (i did notice in the screenshots above that the code in the lower frame that is posted into the results page is DIFFERENT to the code in the next screenshot as it is showing extra code in there. i added this and it still does not work?!)

  • I got the search box to show up but the results do not show. After I put in a search term and hit search, the page simply refreshes. Please advise

  • Thank you for tutorial, really helpful!

  • Hi Maki,

    Ever since you published this post, I’ve had it bookmarked in my ‘to do’ list. Today I got around to implementing it, and just want to say thanks for the info. It’s working a treat on my site, and the search results are much better than the standard WordPress search feature.

    I hope all’s well with you.

  • I am not clear how to add the custom search to the main page I want in wordpress. I tried to search wordpress FAQ’s and I got http://en.forums.wordpress.com/topic.php?id=13008&page&replies=16
    The discussion says that there is no way to add Google Custom Search to your word press.

    I want to add it to my main page. I am using the theme Andreas09 by Andreas Viklund and Ainslie Johnson in Wordpress. I want to add the search code on the right side frame. Which file/page to edit to enter the google code? Please help.

    Thanks,
    Pria

  • Thanks alot for this article. I just implemented the Google search onto my site now with the help of your article.

  • LKamoku on November 30th, 2007

    I just want to thank you for this, I’ve been using the google site search for some time since and been meaning to get to the custom search but never found the time to try to figure it out. Simple clean cut instructions. Thank you so much, I had it working in 10mins.

    cheers!

  • I can display search result to my wordpress.
    Tell memore please. I do it all that you said.
    Why it’s still error to 404.php?

  • This was a great tutorial. Thank You! Look forward to more from you.

  • Great tutorial. I have been putting this off for a very long time. Thanks for the easy to follow guide, and happy new year!

  • Thank you for another great tutorial.

Links to this Article
© 2007 - 2010 | Dosh Dosh | Content Copyright | Comment Policy | Privacy Policy

Fatal error: Call to undefined function akst_share_form() in /nfs/c01/h15/mnt/36436/domains/doshdosh.com/html/wp-content/themes/DoshDosh4/footer.php on line 10