Google Ajax Search With Your Adsense Ads

10/18 09:33:00 AM Sunday, October 18

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. Blogging TipsOctober 18 at 11:57 AM

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

  2. UnknownOctober 18 at 12:09 PM

    @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

  3. Blogging TipsOctober 18 at 2:26 PM

    ok thanks Aneesh

  4. AnonymousOctober 19 at 2:21 PM

    ok great design

  5. AnonymousOctober 21 at 1:16 PM

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

  6. AnonymousOctober 24 at 12:37 PM

    Yes, I had tried this hack before.......lost the code somewhere.......sall implement on my new pahe

  7. jrplazaOctober 26 at 10:52 AM

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

  8. בתי השקעותOctober 27 at 9:14 PM

    Excellent tool, i just added it to my site.

  9. Website DesigningNovember 5 at 1:56 PM

    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.

  10. halı yıkamaNovember 8 at 4:04 AM

    Thanks BloggerPlugins

  11. Henry JDecember 7 at 7:00 PM

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

  12. AnonymousDecember 19 at 5:14 AM

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

  13. Online AdvertiseDecember 20 at 3:15 PM

    thank visit

  14. UnknownDecember 20 at 10:39 PM

    OMG THIS IS WHAT I WANTED, THANKS ALOT

  15. Rackmount MonitorDecember 29 at 5:21 PM

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

  16. TomazJanuary 1 at 5:17 PM

    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.

  17. Unbelieveable StuffJanuary 10 at 4:52 PM

    NIce One........

  18. rikimaru78January 16 at 2:39 PM

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

  19. uus6775January 18 at 7:56 PM

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

  20. SamJanuary 30 at 6:54 AM

    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

  21. Dr. M. P. MishraJanuary 30 at 7:45 AM

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

  22. ragsFebruary 18 at 12:34 AM

    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

  23. Blogger EklentileriFebruary 27 at 5:51 PM

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

  24. UnknownMarch 12 at 2:07 AM

    thanks

  25. informasi peternakan ayamApril 13 at 3:52 PM

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

  26. zulJuly 17 at 10:47 AM

    thanks..

  27. jovineAugust 28 at 12:40 AM

    when i search its not showing the search results its only showing the ads ?

  28. ikhsanOctober 21 at 9:40 AM

    Thanks

  29. niezarNovember 21 at 5:05 PM

    nice :)

  30. Jay_MaxFebruary 16 at 11:13 AM

    woooooowww nice..thanxx frnd

  31. HEZIJune 2 at 10:51 PM

    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.

  32. Okagba MobileJune 25 at 6:07 AM

    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?

  33. Ifinder Ifindi August 10 at 12:52 PM

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

  34. Ifinder Ifindi August 17 at 10:34 AM

    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.

  35. Ifinder Ifindi August 17 at 10:45 AM

    P.s. Kindly guide.

  36. Ifinder Ifindi August 18 at 10:43 AM

    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.

  37. Ifinder Ifindi August 20 at 8:17 AM

    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.

  38. EvanSeptember 10 at 12:11 AM

    Nice. Thanx!

  39. YasinDecember 30 at 9:07 PM

    Thanks a lot this is very helpful to me.

  40. AdminFebruary 25 at 2:18 AM

    not working my site help me

  41. UnknownApril 21 at 9:05 PM

    tell me how to ad new gadgets