Google Ajax Search With Your Adsense Ads

google-ajax-search-with-adsense

All of you might have seen the New Ajax Search Gadget on your Layout > Add Gadget Page. This Ajax search gadget doesn't support adsense ads.But you can now have a Google ad supported Google Ajax search widget on your blog.The speciality of the Ajax Search is that it can search your blog, without actually leaving your blog.(no need to go to a new page.. it acts like an inline search)

 

The Ad supported Ajax search Code is available at Google Web Elements .You can see 3 options there.

  1. Automatically Search My Site
  2. Search my Site and use Adsense for Search
  3. Use an existing Custom Search Engine

For showing adsense ads you have to opt for option 2 or 3 .If you choose to use the second option,then you will have to provide you Adsense publisher id(which looks like pub-xxxxxxxx).If you opt for the option 3, you will have to provide the Custom search ID, which will be present in your Google Custom search Code.[Code is generated inline when you enter any of these ids.]

 

After grabbing this code, just go to your Blogger > Layout page and add a new HTML/JavaScript Gadget and paste the Google Web Element Custom Search code there and save the gadget. The Gadget will look better if you drag it to above the Blog Posts Widget and save it.[that area has got enough space to display the ads :)]

 drag-the-ajax-search

Here is a preview of what you should see.

Custom Search Control
Web
 
 
 
 

 

If you want to change the colours and styling of the search results, you will have to add additional CSS Classes.

Update: – Now Google CSE has added all these things. and much more(themes and other customization stuff) So it would be easier for you guys.. :)

Permalink :Google Ajax Search With Your Adsense Ads

41 comments :

  1. Great man really nice post.But is this a new widget?Because blogger already provide a google custom search engine

    ReplyDelete
  2. @Blogging Tips ,
    the default ajax search gadget provided by blogger doesn't support adsense(till now)..

    i hope that blogger will soon provide an option to enable or disable ads on the search gadget..
    so the difference between both widgets is ADSENSE

    ReplyDelete
  3. LOL, Today I received Google Adsense mail about it. You're fast

    ReplyDelete
  4. Yes, I had tried this hack before.......lost the code somewhere.......sall implement on my new pahe http://blog.vaskar.com.np

    ReplyDelete
  5. wow your great man... I used it already, I figure it out now...Thanx for this great post...

    ReplyDelete
  6. Excellent tool, i just added it to my site.

    ReplyDelete
  7. Hi,

    I was trying to embed the normal search engine in a blog (wordpress) and I had no option left to do it since for a wordpress hosted blog it is not possible to use javacript or other piece of code. Is there any solutions for this?

    - J.
    http://www.cyberdesignz.com

    ReplyDelete
  8. hey don wrote story. give the correct code where to place

    ReplyDelete
  9. Good gadget. I plan to embed it on my page.

    ReplyDelete
  10. OMG THIS IS WHAT I WANTED, THANKS ALOT

    ReplyDelete
  11. I am delighted to know about the New Ajax Search Gadget. Its speciality of inline searching is tremendous.

    ReplyDelete
  12. You haven't wrote anything CSS styling. What code and where do we have to put it to make custom search engine look like yours or customized anyway. Without CSS search engine is as plain as ever.

    ReplyDelete
  13. Hi how can I make the background transparent because the color white ground does not fit to my web templates background

    ReplyDelete
  14. hey tomaz said about writing about css ... please inform me immediately ... i'm a newbie .. would you share, please ....

    ReplyDelete
  15. thanks for information, but i have a problem my code is note working in firefox can't type in search box but in internet explorer it works. Can u help me solve my problem. thanks

    ReplyDelete
  16. Dear Aneesh ,
    Really liked your blog.
    Can you please explain me the method to show ads as you are showing on this page.

    ReplyDelete
  17. This is really cool...When I add the cse div tag to show the results it takes up some whitspace...Is there a way to remove this?..I checked the code on this site, but I can't figure out how you have removed the whitespace

    ReplyDelete
  18. Really good.
    excellent widget for blogger.So, thanks.

    ReplyDelete
  19. thank for sharing... i will try this.. :)

    ReplyDelete
  20. when i search its not showing the search results its only showing the ads ?
    http://specsmobile.blogspot.com/

    ReplyDelete
  21. Thank you for sharing useful. But I have a problem. How do I put in the desired position. For example I want to change the google search engine placement search box on my ex.

    ReplyDelete
  22. I tried to do this but could not customize the colour of the bar. I had to remove it! It is not in line with my blog colour. How do I change the colour?

    ReplyDelete
  23. Sir. Me new to tech. Learning a lot here. Sir. Is this gadget search also in blog comments? Thank You with High Regards.

    ReplyDelete
  24. P.s. Sir. How to configure for search within blog comments also? My blog only one post and comments. No AdSense. Kindly guide. With High Regards.

    ReplyDelete
  25. P.s. Can be well done by you, helping and expertise. If possible with Catched Search Words. With High Regards. Very much Requesting and Thanking You again and again.

    ReplyDelete
  26. Sir. Thanking You. Now got it and seems working. Learned a lot here. Following by Email for future articles. Thank You again with High Regards.

    ReplyDelete
  27. Thanks a lot this is very helpful to me.

    ReplyDelete
  28. not working my site help me http://mesotheliomaonlineclinic.blogspot.com/

    ReplyDelete