Loading...
Loading...

Friday, September 22, 2006

Google AJAX Search API in Blogger

The Google AJAX Search API has a number of well documented samples and solutions including the Video Search Solution and the Map Search Control Solution. Both of these solutions are great additions to a blog.

This morning, I modified a blogger template to include both of these solutions, as well as a core search solution. Fell free to take what I have done here and apply it to your blog, modifiy to meet your needs, etc. Just follow these instructions:

  1. Sign up for a Google Ajax Search API Key and capture the key. For my blog, I used a url of http://ajaxsearch.blogspot.com
  2. Download my modified template.
  3. Edit the &key= values in the template where the Google Maps API and Ajax Search API are loaded and replace with your API Key (your key will work for both APIs).
  4. Edit your blogger template, and replace or merge yours with mine. Note, mine is based on minima black.

Once you have got this going in your blog, you can do a few cool things:

  1. Its very easy to include a hyper link in a blog post that results in a search on the map. Just create a the hyperlink as a javascript url that calls doMapSearch('search-term');. e.g., if you look at the resulting <a> element, in "Edit HTML" mode, it will look something like this: <a href="javascript:doMapSearch'sakana');">Sakana</a>. Here is an example: Sakana
  2. Embedding core center column search is just like map searching only the function is doCoreSearch(); Here is an example: Google
  3. Embedding video search links is just like map searching only the function is doVideoSearch(); Here is an example: Jimi Hendrix

Play around with this and let me know what you think.

p.s. - If you are a TypePad user, check out http://ajaxsearch.typepad.com

85 Comments:

  1. Blogger Thebodytalk said...

    The information you posted are really helpful. Thanks for doing this. Congratulation for blog of notes.

    The Bodytalk

  2. Anonymous B. Smithey said...
  3. Anonymous Anonymous said...

    I am sorry sir, I tried many times but failed. According to your code your applied, I made no change in my blog. I dont know why. And then I tried following the code Google gave when I signed up for a Google AJAX Search API key. And failed again. So sad.

  4. Anonymous Anonymous said...

    Dear sir, I tried to explain my trouble here in my blog. It would be very thankful for you to take a look. I manage to make it work in the Page Elements page but not in my index page.

    The post is here with captured images.

    http://gker.blogspot.com/2006/09/something-wrongmistake-with-google-ajax.html

  5. Anonymous Anonymous said...

    hi mark...thanks for the info but i am having trouble with step 3. &key(?)...will continue trying to troubleshoot on my own...btw...i think i saw oasa's sketch on the wall at the post office

  6. Anonymous Anonymous said...

    The wireframes/layout tool in blogger beta has difficulty with entering the code for this. Might have to write a widget for it...

  7. Blogger fakir005 said...

    The template in my Blog NEW ERA WISP has been totally unaccessible for months. I don't know how to get it back. Articles are not accessible. I've portion at the top that does not use the template and that is the only portion accessible. But I could try with other blogs like PICEL HOMEPAGE

  8. Anonymous Anonymous said...

    Please take a look at:
    http://searchmashups.blogspot.com/

    This is a similar blog, but based on the new blogger beta style templates.

    The key, and the url of your blog must match for key validation to succeed.

    The layout editor will have problems with this code. it will only partially render.

  9. Blogger R2K said...

    Great and interesting technology.

  10. Blogger chikashi said...

    Hello,nice to meet to you .
    My name is Chikashi Munakata in Japan.

    It is interesting blog.

    I am making a site introducing blogs of all over the world.

    I hope many persons can make good relationship through my site.

    info@tabigo.net
    http://tabigo.net/connections/t/
    http://tabigo.net

  11. Blogger Fuck You Google said...

    Yeah dude, that's pretty sweet.

    The Resource Guide

  12. Anonymous PsychoDude said...

    A new interesting feature coming from google, still in an early beta stage though but it might become something promising in the future.

  13. Blogger A.R. Linder said...

    If you're interested in this stuff, then you will WOWED! by the stuff at my website. In all honesty it won't make your website look any better, but it will give you plenty of brainpower for content. Most of you don't appear to be doing too well on the technical side of the house.

  14. Blogger David said...

    Worked like a charm. Is there a feature so that visitors can directly add hot spots on the map? (after a search)

    Thanks

  15. Anonymous Anonymous said...

    Yes, Ajax is very cool and all BUT leave this blog open in a tab for awhile and it slows my browser to a crawl.

    I've noticed the same problem with other sites that also use Ajax so I don't see it as being viable until the performance issues have been dealt with.

    Sorry, I wish I had something more positive to say but...

  16. Blogger Meras said...

    Hi Mark,
    Intersting information maybe I'll try that

  17. Anonymous Alex said...

    siactually,i meet the same problems as oaso.
    hope someone can help us find the reason.

  18. Blogger Rupesh said...

    This comment has been removed by a blog administrator.

  19. Blogger andra said...

    This comment has been removed by a blog administrator.

  20. Blogger Cute Indian Girl said...

    Congratulations on Being the "Blog of Note"
    Your Blog Deserve it. Keep up the Good Work

    Every Day Space

    Work At Home

  21. Blogger Gabriel Villa said...

    Great help! and great blog you have.
    The map was OK, but the blogger header was messed-up. (only in Explorer). If you could please help me out, it would be apreciated.
    Thanks!
    Gabriel
    www.donttalkaboutlife.blogspot.com
    gabriel.villa [at] gmail.com

  22. Anonymous Patch Tuesday said...

    Funny you should ad the Apple movies when in fact, Google's Blogger is flat out broke when it comes to using it with a MAC. It's incompatible with the Safari Browser, and hit and miss with Firefox; you get template corruption when switching between compose and html publishing modes.

  23. Blogger Stratman said...

    Mark,

    I worked until my eyes were bleeding trying to get the map search java to function.

    Guess what? You have syntax error in the example you posted. Look at it closely and you will see it.

    Haha, you got me good.

  24. Blogger Mac said...

    This is some intersting stuff. I was trying to toy around with it and I think its a little out of my league. Its amazing to me, however, that such a thing is possible.

  25. Anonymous Anonymous said...

    Have you noticed, Mark, that the Google Maps are messed up for the location provided on your blog? The streetmap overlay does not match up with the geographical underpinning. You may want to ask the Google Map guys (and gals) to check into this.

    52tease

  26. Anonymous gantavya said...

    i tried hard to put the video in my blog in blogger beta but it didn't work. May be the code in the example is wrong...

  27. Blogger Stratman said...

    The code works, here is another example: http://stratsdot.blogspot.com

  28. Blogger AKSHAY said...

    hi blogger friend
    i saw your blog about 2-3 days ago,its quite good and its your blog that

    made me realise whats blooging in true sense.

    i also have a blog blog2money blog on blog and earn and videos at

    http://blog2moneyblog.blogspot.com/
    but its not all that good.
    i would like to have some advice from you on how to improve my blog.

    wating for your reply,plz mail me back
    AKSHAYFEEDSTER@gmail.com

    thanks
    akshay

  29. Blogger Franco said...

    nice blog!!!
    look my blog
    www-franco.blogspot.com
    see the video

  30. Anonymous Anonymous said...

    yuyuy

  31. Anonymous Anonymous said...

    I was trying to search videos by using the keyword "intelligence" and it failed to load any videos?
    I was able to get results with other words.
    Am I missing anything?

  32. Anonymous Anonymous said...

    nice

  33. Anonymous Anonymous said...

    i have set up a blog, but gave a google email and now would like to change this to another gmail.com email. (always mine)
    can you help?
    thank you

  34. Blogger OzzyGimenez said...

    Wow,great blog,thanx for the info and greetings from Spain

  35. Anonymous Anonymous said...

    The Search API is very promising in the context of AJAX. But I am at a loss as to how to monetize this.
    Ideally, the click ads would be provided as an RSS feed to a search query. This would offer Google the opportunity to expand their 'network' and at the same time offer the customer a chance to monetize the feature.

  36. Anonymous Online Casino said...

    best site
    http://www.onlinecasino.org.in/

  37. Anonymous paul said...

    You can find a widgetized version of the AJAX Map Search for Wordpress here

  38. Blogger blogiast said...

    feature indian search

    Here's some useful info on feature indian search
    which you might be looking for. The url is: http://www.jaldisearch.com/

  39. Anonymous Anonymous said...

    JSON/AJAX based Youtube player. You can add it on your Google home or webpage.
    Link

    http://padmanijain.googlepages.com/myexperiment1.html

  40. Blogger Proactiv Solution said...

    proactive solution

    Buy Proactiv Solution here and get 50% off.

  41. Blogger Steven said...

    Heres a usefull Google Map Application:

    InstantLocalSex

    Well, its rather a naughty (but clean) map, and when one takes note of Google's top searches (http://top-searches.klikhir.com) it is obvious that most of us need this map - especially when traveling alone. Ever noticed when you travel how the yellow pages (in your hotel room) 'Adult Personals' section is always worn out?

    The beauty of searching for local adult personals on www.instantlocalsex.com is that if you don't know the city you are visiting you can plan your entertainment based on your current (Hotel) location. If you had picked up the yellow pages you would have had to call all over the place and figure whether your 'choices' are in proximity to each other. This map solves that problem so you can instantly locate services relative to your location.

  42. Blogger Gürkan Turhan said...

    Search API should be much more basic

  43. Blogger G@bry said...

    prova

  44. Blogger Kriz said...

    Hi. We had a problem regarding the key... I posted in the forum and listed there the steps that I had... please have time to look at it. Thank you very much!!
    Link: http://groups.google.com/group/Google-AJAX-Search-API/browse_thread/thread/c9cd2f5ad5e480bc#

    Regards,
    sphelkazter

  45. Blogger Patty said...

    I'd love it if you could make a post on the SUPER SIMPLE way to use the API to add a plain old boring search your own website tool...
    Like how w the old SOAP API you could limit the search to your own URL and then display the results in your site....

  46. Anonymous Annerose said...

    These comments have been invaluable to me as is this whole site. I thank you for your comment.

  47. Anonymous Anonymous said...

    Can this be used on a regular website

  48. Blogger mercuranium said...

    I cant seem to show it on my blog. =( I'm using e new blogger template, would that be a problem?
    Pls advise, thanks!

  49. Blogger Surfparadise said...

    Hi,
    I have a problem.... I don't know how to insert my ajax code google search in blogger..... Can you help me?...please....

    This is my template: surf80.110mb.com/itheme_3_col.rtf

    This is my ajax search: http://surf80.110mb.com/search%20box.html

    Where I must put the ajax javascript?....and the body section.... I don't know how can integrate this powerful script on my blog.... please help me!
    Blogger draft widget, doesn't work fine for me...like you can see on the test site...

    Thankyou very much in avance
    Surfparadise

  50. Blogger art said...

    Hi,

    This article is good and informative.

    Software Development Company

    Free Directory

    Software Jobs India

  51. Blogger . said...

    very veryyy gook.thanx by Türkçe facebook
    thanx by burs
    and 2008 kpss sonuçları

  52. Blogger Cesar Martinez said...

    I'm new in the business and I have found here what I've been searching. I'd like to implement the google search, but I'm stuck. I'll appreciate any help from you

  53. Anonymous Anonymous said...

    very goodd

  54. Anonymous Anonymous said...
  55. Anonymous Hami said...

    thanks

  56. Are you looking for Online jobs!!!

    online jobs


    U can do this online jobs from ur home or from office and u can do this from cybercafe(browsing centre) also ................

    in this job there is no limited earnings(salary), from this job u can earn unlimited because this gives the commisions for ur work......
    ican challenge you that u can earn 1000$-2500$ for a week by spending one hour time/day.the earnings may increase with increase in ur time in this job .....

    definitely u will earn more than the other ways......................


    online jobs

  57. Anonymous Justin said...

    Thanks so much, keep the useful information coming!!

  58. Anonymous kpss said...

    thx for info

  59. Anonymous kpss said...

    very much

  60. Anonymous memur said...

    MSN and Google to place some emphasis of helping move standards forward in collaboration.

  61. Anonymous kpss said...

    thank you very much

  62. Anonymous meb atama said...

    For assistant you can go to forum and blogs. now a days information is so fast.

  63. Anonymous kpss said...

    Very nice and thought provoking article! ‘Group on a Balcony’ is my favourite painting of Goya by the way :) Not so gruesome, but very sharp.

  64. Anonymous sbs said...

    Thanks so much, keep the useful information coming!!

  65. Anonymous Apple prodam iphone said...

    black mold exposureblack mold symptoms of exposurewrought iron garden gatesiron garden gates find them herefine thin hair hairstylessearch hair styles for fine thin hairnight vision binocularsbuy night vision binocularslipitor reactionslipitor allergic reactionsluxury beach resort in the philippines

    afordable beach resorts in the philippineshomeopathy for eczema.baby eczema.save big with great mineral makeup bargainsmineral makeup wholesalersprodam iphone Apple prodam iphone prahacect iphone manualmanual for P 168 iphonefero 52 binocularsnight vision Fero 52 binocularsThe best night vision binoculars here

    night vision binoculars bargainsfree photo albums computer programsfree software to make photo albumsfree tax formsprintable tax forms for free craftmatic air bedcraftmatic air bed adjustable info hereboyd air bedboyd night air bed lowest pricefind air beds in wisconsinbest air beds in wisconsincloud air beds

    best cloud inflatable air bedssealy air beds portableportables air bedsrv luggage racksaluminum made rv luggage racksair bed raisedbest form raised air bedsaircraft support equipmentsbest support equipments for aircraftsbed air informercialsbest informercials bed airmattress sized air beds

    bestair bed mattress antique doorknobsantique doorknob identification tipsdvd player troubleshootingtroubleshooting with the dvd playerflat panel television lcd vs plasmaflat panel lcd television versus plasma pic the bestThe causes of economic recessionwhat are the causes of economic recessionadjustable bed air foam The best bed air foam

    hoof prints antique equestrian printsantique hoof prints equestrian printsBuy air bedadjustablebuy the best adjustable air bedsair beds canadian storesCanadian stores for air beds

    migraine causemigraine treatments floridaflorida headache clinicdrying dessicantair drying dessicantdessicant air dryerpediatric asthmaasthma specialistasthma children specialistcarpet cleaning dallas txcarpet cleaners dallascarpet cleaning dallas

    vero beach vacationvero beach vacationsbeach vacation homes veroms beach vacationsms beach vacationms beach condosmaui beach vacationmaui beach vacationsmaui beach clubbeach vacationsyour beach vacationscheap beach vacations

    bob hairstylebob haircutsbob layeredpob hairstylebobbedclassic bobCare for Curly HairTips for Curly Haircurly hair12r 22.5 best pricetires truck bustires 12r 22.5

    washington new housenew house houstonnew house san antonionew house venturanew houston house houston house txstains removal dyestains removal clothesstains removalteeth whiteningteeth whiteningbright teeth

  66. Anonymous vb net consulting said...

    That's great news... thanks for detailed information...

  67. Anonymous atama said...

    thanks

  68. Blogger sexy said...

    情趣用品,情趣用品,情趣用品,情趣用品,情趣用品,情趣用品,情趣用品,情趣用品,情趣,情趣,情趣,情趣,情趣,情趣,情趣,情趣,按摩棒,跳蛋,充氣娃娃,情境坊歡愉用品,情趣用品,情人節禮物,情惑用品性易購,A片,視訊聊天室

    免費A片,AV女優,美女視訊,情色交友,免費AV,色情網站,辣妹視訊,美女交友,色情影片,成人影片,成人網站,A片,H漫,18成人,成人圖片,成人漫畫,情色網,日本A片,免費A片下載,性愛

    A片,色情,成人,做愛,情色文學,A片下載,色情遊戲,色情影片,色情聊天室,情色電影,免費視訊,免費視訊聊天,免費視訊聊天室,一葉情貼圖片區,情色,情色視訊,免費成人影片,視訊交友,視訊聊天,視訊聊天室,言情小說,愛情小說,AIO,AV片,A漫,av dvd,聊天室,自拍,情色論壇,視訊美女,AV成人網,色情A片,SEX

    情趣用品,A片,免費A片,AV女優,美女視訊,情色交友,色情網站,免費AV,辣妹視訊,美女交友,色情影片,成人網站,H漫,18成人,成人圖片,成人漫畫,成人影片,情色網


    情趣用品,A片,免費A片,日本A片,A片下載,線上A片,成人電影,嘟嘟成人網,成人,成人貼圖,成人交友,成人圖片,18成人,成人小說,成人圖片區,微風成人區,成人文章,成人影城,情色,情色貼圖,色情聊天室,情色視訊,情色文學,色情小說,情色小說,臺灣情色網,色情,情色電影,色情遊戲,嘟嘟情人色網,麗的色遊戲,情色論壇,色情網站,一葉情貼圖片區,做愛,性愛,美女視訊,辣妹視訊,視訊聊天室,視訊交友網,免費視訊聊天,美女交友,做愛影片

    av,情趣用品,a片,成人電影,微風成人,嘟嘟成人網,成人,成人貼圖,成人交友,成人圖片,18成人,成人小說,成人圖片區,成人文章,成人影城,愛情公寓,情色,情色貼圖,色情聊天室,情色視訊,情色文學,色情小說,情色小說,色情,寄情築園小遊戲,情色電影,aio,av女優,AV,免費A片,日本a片,美女視訊,辣妹視訊,聊天室,美女交友,成人光碟

    情趣用品.A片,情色,情色貼圖,色情聊天室,情色視訊,情色文學,色情小說,情色小說,色情,寄情築園小遊戲,情色電影,色情遊戲,色情網站,聊天室,ut聊天室,豆豆聊天室,美女視訊,辣妹視訊,視訊聊天室,視訊交友網,免費視訊聊天,免費A片,日本a片,a片下載,線上a片,av女優,av,成人電影,成人,成人貼圖,成人交友,成人圖片,18成人,成人小說,成人圖片區,成人文章,成人影城,成人網站,自拍,尋夢園聊天室

  69. Anonymous Anonymous said...
  70. Anonymous Anonymous said...
  71. Anonymous Anonymous said...
  72. Blogger De said...
  73. Anonymous Yusup said...

    Hai, i'm Yusup from indonesia. That's great information for me. I'll try to my blog.

    http://duniacopypaste.blogspot.com

  74. Anonymous Embedded Training said...

    Nice solution by Google... Keep it up!!!

  75. Anonymous travesti said...

    Great and interesting technology.

  76. Anonymous Shakira said...

    thanks for information and tips :)
    happy blogging
    www.uniquelog.info

  77. Blogger rald said...

    i cant put the Video Search Control on my blog ,can you give me some video or any pattern to do that.thanks.

  78. Good POstings.

  79. Anonymous Sites Help said...

    Very Impressive....!
    I just visited a websites which provide support to Google Sites user the is i think Sites Help okay... Is it used Ajax for its funtionality???

  80. Blogger Davenz said...

    Very interesting article...

    Regards
    custom furnitures

  81. Blogger zXc said...

    This comment has been removed by the author.

  82. Anonymous Anonymous said...
  83. Blogger klimatyzacja said...

    Hello Admin something you are really a great article :)
    klimatyzacja i klimatyzatory w biurze, klimatyzatorfirmie, domu, klimatyzacja Warszawa, co trzeba wiedzieć. Urządzenie serii HTS stanowi klimatyzator uzupełnienie oferty HiRef CCAC Telecom (klimatyzacji precyzyjnej) stanowiąc klimatyzacja
    zespół złożony z części zewnętrznej iklimatyzacja Warszawa wewnętrznej, spełniający wszystkie niezbędne wymagania dla klimatyzacji precyzyjnej pomieszczeń telekomunikacyjnych i klimatyzacji technologicznych
    klimatyzacja w domu• Układ sterowania zainstalowano na karcie jednostki parowacza z zabudowanym lub przenośnym wyświetlaczem
    klimatyzacja• Łatwość obsługi oraz pełny dostęp od spodu urządzenia gwarantuje możliwość szybkiej interwencji serwisowej
    klimatyzacja • Sterowanie mikroprocesorowe - dostępne w różnych konfiguracjach - umożliwiaklimatyzacja zarządzanie pracą dwóch urządzeń w trybie czuwania i trybie pracy rotacyjnej.
    klimatyzacja wszystko co powinieneś wiedzieć o klimatyzacji i klimatyzacja wentylacji w pigulce, jak wykonać klimatyzacja czy wentylacja wie wielu jak dobrze to klimatyzacje zrobić już mniej, szczególnie dobrą klimatyzację
    Mini Shiki Sai Kan posiada większość funkcji swojego większego „brata” i jest doskonałym rozwiązaniem dla klientów z klimatyzacje ograniczonym budżetem, ale wymagających wysokiej jakości Thanks to confirm my comment will not accept lives

  84. Blogger dark said...

    Kadın elbise modelleri dedik ne güzel 1000 + hit yapıyordu o da son zamanlarda 500'lere doğru kaydı, mobilya dekorasyon sitesi açtık tam tuttu, parayı kırdık kırıcağız dedik...

    Yine adsense banı aldı gitti patladı site... Fikirli - fikirsiz iş yapıyoruz heralde ...

    Google adsense hakkında bilgi topluyoruz ve sayfa to oranlarımız %5'lere dayandı . İyi sonuçlar aldık . Tema işe yaradı .
    Kpss 2012 sitemiz çok iyi gidiyor. Bu site iyi değil aslında 100 hit çakıldı. Sabite bağlandı.  kpss 2012 sınav tarihi
    de yanlış olabilir (korkmayın)


    tarihin arka odası sitemizi n'oldu ben de bilmiyorum takip etmiyoruz, zaten bir beklentimizde yok o siteden.

    Son olarak koxp sitesinden birşey beklemiyorum. ne hali varsa görsün. 0.01 cent tık başı veriyor.

Post a Comment

<< Home