AdSense is by far the most popular and easy to use advertisement program for new bloggers. With AdSense you earn money when users click on the ads on your website. But the ads are not the only source of revenue for your blog. You can use AdSense for Search to to increase your revenue. But a better alternative to AdSense search is the Google Custom Search Engine. You can customize Google Search Engine to blend with your blog’s theme. You can also specify whether to search entire web or just your own website. It is more customizable than AdSense search and like AdSense for search you can earn money through Custom Search Engine.
To make things little easier I’ve captured screenshots of some of the screens that we will talk about in this tutorial. To view those screenshots click on the thumbnail images in the following sections. For performance issues I did not include the screenshots on this page but provided the links for easy access. Now let’s get started.
-
Create Google Custom Search
- Go to Google Co-op and click on “Create a Custom Search Engine” button. You will need your Google email account to sign in. If you do not have Google account you can sign up for one from this page.
- Log in to your account. You will see ‘Create a Custom Search Engine’ form. (See Fig 1)
- Fill out all the basic fields on the page.
- For the “What do you want to search?” question select “The entire web, but emphasize sites I select.” option. Then add yourblogdomain.com to “Site to search” textbox. See Fig 1.
- Select “Standard Edition”
- Read Terms of Service agreement and click the check box.
- Click the “Next” button
-
Customize Custom Search Engine
- On your Custom Search engine page click on ‘Control Panel’ link.
- Click on ‘Look and feel’.
- Select the style for your search box.
- Click ‘Save Changes’.
- Scroll down to customize your search results.
- Choose same colors for link,text etc. that you use on your website.
- Click ‘Save Changes’.
-
Setup search engine for your blog
- From your ‘Search engine Control panel page’ click on the ‘Code’ link.
- Select ‘Host results on a non-Google site using an: ‘
- Select ‘iframe’
- The most important field on this page is the URL of your page where you want to display the search results. Let’s say that you want to display the results on http://www.WordPressyoublogdomain.com/search_result. Don’t worry if you don’t have this page yet, we will create the page in a few minutes. Enter the URL in the textbox.
- Choose the position of the ads for your search page. I chose “Display Ads above and below search results”.
- Copy the code from ‘Search box’ code block and paste it to notepad or some other text editor.
- Copy the code from ‘Search result code’ block and paste it to Notepad or some other text editor. We will use these two code segments in your WordPress pages.
-
Monetize your search engine
- From your ‘Search engine Control panel page’ click on the ‘Make Money’ link.
- If you already have an AdSense account, select ‘I already have an AdSense account’. Otherwise select ‘I am a new AdSense user’.
- Fill out all the fields and click ‘Submit’.
- Now your custom search engine is linked to your Adsense account. If the visitor clicks on Ad links on your search results page, the revenue will go to your AdSense account. (Hurray!)
-
Create Search Page
- Log on to your blog as administrator.
- Create a new page. (Click ‘Write’ then ‘Write Page’ links). Click on Fig 6 to see the screenshot.
- In then Page title field enter “Search Results:”. (This text will appear on your page so don’t type any thing silly.)
- Click on the code tab and paste the code from Google’s Search results code text box that we copied earlier [ see Step 3(vii)].
- In the Page_Slug field enter ‘search_result’. This should match the page that you entered the in the URL field on Google’s form.
- Click ‘Publish’.
- From ‘Manage’ tab, go to ‘Pages’ tab and note the id of your result page. (Click Fig 7 for the screenshot)
-
Replace blog search field with Google Search
- For WordPress admin Dashboard click on Presentation tab and then click ‘Theme Editor’.
- Find the code for your search field. Most themes have the code for search field in searchform.php file. If you don’t have that file look under header.php or sidebar.php files.
- Open the file and replace the code related to search form with the code from Google’s ‘Search box’ code that we copied in Step 3(vi).
- Save and close the file.
Now if you visit your site you will see Google search box.
This is great, except for one little problem. Your navigation menu may have the link to your new result page. We do not want that. Let’s fix this.
- Open your header.php and search for ‘wp_list_pages’.
- Add “&exclude=nnn“. (where ‘nnn‘ is the page id we noted in step vii of previous section)
For example I have this line in my header.php file
<?php wp_list_pages(‘depth=1&sort_column=menu_order&title_li=’ . __(”) . ” ); ?>
After the modification the line becomes:
<?php wp_list_pages(‘depth=1&exclude=56&sort_column=menu_order&title_li=’ . __(”) . ” ); ?>
- Save the file.
- If your header.php does not have your navigation links, search for the file that displays these links and add “&exclude” clause as mentioned above.
- Now visit your website. The link to your search page should no longer be in the navigation menu.
- Make AdSense Deluxe plugin work with WordPress 2.8.5
- Publish your blog posts to Twitter with Feedburner.
- How to customize More tag in WordPress
- Search results
- Google says Adios to IE6.
First step is to create your Google Custom Search engine.
Congratulations! You now have your very own customized search engine! But we are not done yet. Click “Finish” to go to your “My search engines” page, where you can customize your new search engine.
Now we will customize your search engine.
Now we are ready to setup the search engine for your website.
We are done creating and customizing your custom search engine. The next step is to integrate your custom search engine with your blog.
We are almost done, now the only thing remaining is to replace your blog search field with Google search field.
In this last step we will replace your blog’s search field with the new Google custom search field.
We are all done. Try your new Google search box to see how the result page looks like. You can always go back to Google Custom Search page and modify your search engine.
Hope you enjoyed this tutorial. Let me know if this tutorial was helpful or if you encountered any issues while setting up your custom search engine.
Popularity: 11% [?]
If you enjoyed this post, make sure you subscribe to my RSS feed!Related posts:






This is a great tutorial. Thanks a lot.
Very handy. I was wondering how to do this.
Sir
Its a great tutorial.
I am using Greentech as a theme. Is this the code (which is under the header.php file) to be replaced with Google search code results?
<form id=”searchform_header” method=”get” action=”">
Which part do I exactly replace?
Ilango
I am using Greentech and would like to know which is the code I should replace. I found it in the header.php file. Is this the code to be replaced with Goolgle search results code?
<form id=”searchform_header” method=”get” action=”">
I have followed every step but when I click on the search box I get “page not found”. Could you please help me please?
@ilango, in your header.php file replace following code
<form id=”searchform_header” method=”get” action=”<?php echo $_SERVER['PHP_SELF']; ?>”><input type=”text” name=”s” id=”s” value=”Search this site…” onfocus=”if (this.value == ‘Search this site…’) {this.value = ”;}” onblur=”if (this.value == ”) {this.value = ‘Search this site…’;}” /></form>
with your Google Search code.
@ilango, if you can send me you google search engine settings I may be able to help you setup your search page. You can email me your settings through Contact us form.
Great! Thanks for this tip.
I have created upto 4 steps,I don’t know how to log onto my blog as administrator.Kindly help me sir
Thanks! This was great. Made a difficult task a lot easier!
Chad Bordeaux’s last blog post..Dining Out: Salsa’s Mexican Restaurant
Hello webmaster
I would like to share with you a link to your site
write me here preonrelt@mail.ru
thank you so much i have been struggling with this for soooo long
What a useful blog?wow !!!!
Thank you! This is the only article I read that got our search engine to work! Thank you so much! I read the other ones and they were so confusing.
Cheers!
Wow! Thank you! I always wanted to write in my site something like that. Can I take part of your post to my blog?
Hello! can’t find your contact, so I thought I will use this, anyway, we got a private webmaster forum ready to roll in a weeks time, pm me if you’re interested.
After reading this blog makes me want to start my own
Hi! I was surfing and found your blog post… nice! I love your blog.
Cheers! Sandra. R.
I love your site.
Love design!!! I just came across your blog and wanted to say that I?ve really enjoyed browsing your blog posts. Sign: ndsam
Sign: umsun Hello!!! rcuwwymhyw and 8333ssgfhphzye and 7036I love your blog.
I just came across your blog.
thats perfect info!
@Search file I am glad you found this article useful.
Hello everyone. If someone is interested I recommend a SEO links ForOzik.com. System is safe and works well.
Great blog. Do you know of any relevant post like Top Secrets For Google Adsense Alternatives Have a great day!
This is awesome! I found it now. thanks
This was a Excellent blog post, I will save this post in my Furl account. Have a good day.