Autocompletion of queries in Custom Search

One of the most requested features for Custom Search is autocompletion of queries. Today, we announced at Google I/O that you can now enable query autocompletions for your search engine.

The screenshot below shows an example of query autocompletion at Travelocity.



Custom Search autocompletion is similar to what you see on Google.com—optional queries appear as you type your query in the search box. However, behind the scenes, we do a lot of things differently. We created a different algorithm that uses data from multiple sources, including queries to your search engine, as well as keywords and phrases extracted automatically from the content of websites that your search engine covers.

Because the autocompleted queries are based, in part, on the specific content of the webpages covered by your search engine, we will not generate autocompletions for custom search engines that search the entire web, i.e., autocompletions will only work if you set your preferences to Search only included sites in the control panel.

To enable autocompletions, select Enable autocompletions in the Basics tab of the control panel.



After you’ve saved your settings, replace the code for the search box in your website with the search box code from the Get code tab and you're done. Please note that it can take a few hours for us to start generating autocompletion queries for your search engine.

If you are using the Custom Search Element with a theme, the autocompletions are styled to match the look and feel of your theme. Autocompletions will also work on high-end mobile devices.

We hope that you find the feature useful. As always, give us feedback so we can improve the feature.

Posted by: Bartlomiej Niechwiej and Jeffrey Scudder, Software Engineers

New Site Search features, upgrades for Adobe Creative Suite 5

The just-released Adobe® Creative Suite 5 (CS5) now includes a new Community Help application, powered by Google Site Search. It’s an Adobe AIR®-based companion that’s automatically installed as part of any new Adobe CS5 product.

Launched directly from the Help menu of any CS5 product, the Community Help application provides a customized search experience across about 3000 sites. Customers can find fast answers with powerful new options to focus results just on Adobe content, community content, developer resources, and even code samples.

The Adobe development team used the XML API to integrate search results and also create unique innovations such as Code Search. Formerly known as Blueprint (demonstrated at Google I/O last year) this new search option allows Adobe Flash® and Flex developers to search for relevant code samples so that they can write better code, faster.

Community Help can also be used as a standalone application. To give Community Help a try, you can download it from adobe.com.

To learn more about how Adobe Community Help uses Site Search, see our blog post on the Google Enterprise Blog.

Posted by: Rajat Mukherjee, Group Product Manager, Search

Custom Search now available in Parallels Plesk Panel

Website owners who use Parallels Plesk Panel to manage their hosting and website services can now configure Custom Search and Site Search in a couple of clicks! As announced on the Google Blog, Plesk now offers out-of-box integration with Google Services for Websites.


If you’re one of the millions of webmasters already using Plesk Panel, you can now easily add high-quality search to your websites via the Custom Search page shown above. Since Plesk Panel knows what domains you own, a drop-down list of your domains is conveniently offered for automatic configuration of the search engine, as shown below.


Once you’re done configuring your search engine, you can customize the search experience to match the look and feel of your website. As shown in the screenshot below, Plesk provides links that you can click to directly manage and customize your search engine with the Custom Search control panel -- you will be automatically logged in.


After you decide on the theme and layout for your search, you can get the search code to insert into your website so your users can easily find what they are looking for. Finally, you can also click through from Plesk to access your search statistics. If you want support and more control over advertising, branding, and indexing, you can initiate an upgrade to Site Search right from within Plesk.

We hope this will make it easier for you to manage your site search experience. As always, let us know if you have feedback.

Posted by: Radu Cornea, Software Engineer and Jae Jung, Business Development Manager

Custom data rendering in results

Since the launch of Custom Search, we've been constantly pushing the customization envelope -- allowing users to tweak ranking, provide refinements, add promotions above results, change the look and feel, select from themes and modify layouts.

We did not stop there. We added support for custom synonyms, and the ability for website owners to mark up their content with structured metadata. With structured Custom Search, you can create results with rich snippets, e.g., thumbnails and actions.

Now, through Custom Search data rendering in the element, we’re providing you the ability to completely customize the layout of each result. With simple inline markup on the search page, you can override result attributes, decide how each result is formatted, control the size and location of thumbnails and highlight result metadata.

The screenshot below shows an example of formatted result blocks for a sample search based on data from Scribd -- thumbnails have been reduced in size, and a new line containing metadata, including an icon for document type, has been inserted into the result.

We hope you’ll use the power of data rendering in your own search. For a step by step guide on how you can control the data rendering in results with the Custom Search Element, please read our post on the Search API blog.

Posted by: David Gibson and Nicholas Weininger, Software Engineers

Synonyms made easy

The Custom Search team is always working to provide more relevant results, and improving user queries is a big part of that goal. We've shown you how to create refinement labels for queries and create custom synonyms for your search engine. We have been working to improve the ease of management of these features.

Today, we're excited to announce that we've made it easier than ever for Custom Search and Site Search administrators to enable advanced synonym options. Now, you can add sets of synonyms specific to your website content and can also trigger search expansion, so that a query automatically triggers results for synonymous terms.

Google already has a large body of synonym data for general search terms, and since Custom Search lets you harness many of the search features of Google.com, you shouldn't bother replicating this functionality. Instead, focus on adding synonyms for queries specific to your website.

It's easy for you to add synonyms to your accounts; simply log into the control panel and add or delete search terms you want to trigger the synonym expansion. Or, if you have a large number of terms to add, you can create an XML file and quickly upload that to your account.

You can add up to 500 variants for each search engine. For more information you can check out the Custom Search API documentation.

As shown above, there's a new Synonyms link on the control panel. Try it out on your search engine.

Posted by: Tianyu Wen, Software Engineer

Creating standalone search results pages with the element

With the launch of Custom Search themes, you have the ability to select from among a set of result styles, as well as decide on the layout for the search box and search results. Specifically, we offer commonly-used layouts: full-width (search box and search results together), 2-column (search box and search results in separate areas of the webpage), and compact (perfect for search widgets on a page, as well as for mobile search results). These layouts all provide an in-line search experience so that users don’t need to leave the page they are currently on.

Some webmasters, however, prefer to have the search results show up on a different page from the search box, so we wanted to let you know how to do this. We have a detailed post on the AJAX API blog with specific instructions.

As always, let us know if you have other questions we can answer.

Posted by: Jeff Scudder, Developer Programs Engineer

Designing the look and feel with XML

If you programmatically create and manage custom search engines, you are probably familiar with the XML format for Custom Search. The context file, which includes the specifications for the search engine, now has a richer look and feel section that lets you define the style of the search box and search results of your custom search engine. You can choose different types of result presentation—from Google hosted results to the Custom Search element—and retrieve the code for the search box that you insert into your webpages.

The Custom Search element gives you the greatest level of control, enabling you to match the look and feel of your search results to the rest of the rest of your website. As shown in the following screenshot, gdgt uses the Custom Search element to match the style of its website.

You can control many attributes in the look and feel. The following is a sample snippet that shows the new LookAndFeel XML element in the Custom Search context file. You can either select a design from a set of predefined themes or control the attributes individually.

<LookAndFeel code="4"
         googlebranding="watermark"
         element_layout="1"
         theme="1"
         custom_theme="true"
         text_font="Arial, sans-serif">
 <Logo/>
 <Colors url="#008000"
         background="#FFFFFF"
         border="#FFFFFF"
         title="#0000CC"
         text="#000000"
         visited="#0000CC"
         title_hover="#0000CC"
         title_active="#0000CC" />
 <Promotions title_color="#0000CC"
         title_visited_color="#0000CC"
         url_color="#008000"
         background_color="#FFFFFF"
         border_color="#336699"
         snippet_color="#000000"
         title_hover_color="#0000CC"
         title_active_color="#0000CC" />
 <SearchControls input_border_color="#BCCDF0"
         button_border_color="#666666"
         button_background_color="#CECECE"
         tab_border_color="#E9E9E9"
         tab_background_color="#E9E9E9"
         tab_selected_border_color="#FF9900"
         tab_selected_background_color="#FFFFFF" />
 <Results border_color="#FFFFFF"
         border_hover_color="#FFFFFF"
         background_color="#FFFFFF"
         background_hover_color="#FFFFFF" />
</LookAndFeel>

All the attributes and child elements of LookAndFeel are documented in the developer guide.

Posted by: Kevin Glumbumble Lim, Technical Writer