News!! Custom Search Elements Won't Back Upwards Iframe For Much Longer - Alter To Novel Options Now

This article is nearly changes made to Google's custom search engines made inwards June 2011, together with the implications for Blogger users who receive got been using the iframe pick to demo search results within their blogs.

Previously I've explained how to make a Google custom-search engine for your blog,  This is peculiarly useful for AdSense publihsers, because it lets them receive got a part of the revenue from the advertising displayed within Google search results.

In June 2011, Google's Custom Search squad announced around new options for displaying search results.  Overall these are a measuring forward, but they do include removing the "iframe" option which, until now, has been the alone agency that Blogger users who implemented a custom-search could display the search-results within their blog.

As a result, Blogger users who used the CSE i-frame display option need to upgrade to i of the novel displays.   This tin flame survive done similar a shot - it's non clear how much longer the iframe-based code volition move for.

Also, Blogger users who don't currently receive got a custom-search inwards their weblog but desire to install one receive got around novel options to select from, equally described inwards the New CSE Display Options.

What's happened for existing Custom Search Engines

If you lot already have a Custom Search Engine (CSE), you lot larn by it  past times logging inwards to the CSE command panel. If you lot receive got been using the iframe pick together with you lot move to the look-and-feel tab now, in that location is a novel message similar this:

It says:

Deprecation warning: The Iframe pick is deprecated. We recommend the "Two page" or "Results only" layouts inwards the Search chemical ingredient equally the novel options. Please refer to our developer guide for a consummate listing of layout options.

"Depreciated" is web-developer beak for "we don't similar this, together with i 24-hour interval nosotros volition halt supporting it together with wll do around novel characteristic that makes it break".    In short, "we don't apprecaite this whatever more".

In short, the novel message is proverb that the iframe pick volition move for now, but you lot volition postulate to alter to purpose something else sooner or later.

New CSE results display options

Instead of the iframe option, Blogger users postulate to select i of the options that are based on Google web-elements.   Choose Search-element nether Hosting Options together with you lot volition be shown the novel display options, which are:

• Full-width - The search box together with search results receive got upwardly the whole width of the place(post, page or gadget) where you lot pose the Search element.

• Compact - Like the full-width option, this takes upwardly the the entire width of the page or column, but the results department shows fewer results, thus it takes upwardly less vertical space. Google tell that "this pick is optimized for mobile devices, thus it plant good on Android, iPhone, or Palm webOS devices."

• Two Column - The search box together with the search results department are inwards places inwards your webpage, together with to leave the search results section, a user must click on the X icon adjacent to the search box.

• Two Page - The search box together with the search results are placed inwards 2 dissimilar places (posts, pages or gadgets).  In this option, the search results department too has search box, thus visitors tin flame submit farther queries direct inwards the search results page.

• Results Only - Search results are shown inwards the house (post or gadget) where you lot pose them - but Google CSE doesn't give you lot a search box, you lot postulate to brand your own.

• Google-Hosted - CSE gives you lot the code for a search-box, together with you lot pose this into a postal service or gadget.  But together with thus soul clicks search, they are taken to a Google-hosted webpage exterior fo your blog, which tin flame survive opened either inwards the same window or inwards a novel window.

Google receive got provided examples of each layout option.

How to install these into blogger

Follow these steps to select i of the novel display options, for either a novel or existing Google Custom Search Element that is used inwards Blogger:

1)  From the Custom-Search-Elements, select Control Panel, together with and thus select Look together with Feel.

2)  Choose a layout option, past times clicking on it.  The i you lot receive got selected is shown inwards a frame.

3)  Scroll to the bottom of the page, together with click Save together with Get Code

4) Install the code into your blog inwards the agency specified past times the pick you lot chose:  around options receive got code for house where you lot desire the search box together with where you lot desire the resutls, spell others alone receive got code for i of these.

How good do each of the options move amongst Blogger

Full-width together with Compact

These options both display their results good within blogger.   However the search-box is only shown on the same page equally the results, so either

• You postulate to put the search-element into a gadget that is visible the whole time, or
• Searching your site becomes a 2 click procedure (on click to larn to the search box, i to run the search), which volition confuse around users.

But the search results await practiced - although the ads at the plough over blend rattling strongly into the results.

Two-column

This pick does non currently appear to move amongst Blogger (at to the lowest degree non when I tested it nether Firefox iv / MS Windows XP)

Two-page

Inside Blogger, this appears rattling similar to the agency that the iframe-results display worked:   to install the code, you lot postulate to tell what page or postal service the results volition appear on, together with and thus you lot are given specific code to pose into each of:

1. The house (gadget or page or post) where the search-box goes. and
2. The house (gadget, postal service or page) where the results go.

I haven't fully decided, but it's probable that this is the pick I volition purpose for the Blogger-Helpers-Search Tool.

Results only

Again, within Blogger, the results-only option is very similar to the Two-page option, with some cardinal differences:

1. There is no search-query bar at the plough over of the house (post, page, gadet) where the results are displayed, and
2. You postulate to brand your own search inquiry shape together with to telephone band the search from it.

It's rattling probable that I volition purpose this pick for several of my other blog-sites, where the search is ever called from a gadget:   because the gadget volition maintain to survive shown on the search results page, I don't postulate to pose a search-form into the results.

NB  Having to brand your ain search-query may seem difficult, but in that location is a rattling unproblematic agency to do this, past times using CSE itself to create the search-box code for you:

• Choose the two-page option
• Enter the URL of the postal service or page where you lot desire the results to appear
• Click Save together with larn code
• Copy the code that you lot are told to install into where you'd similar the search box to appear.
• Paste that code into the appropriate gadget, postal service or page
• Go dorsum to the Look together with Feel tab inwards CSE
• Choose the results-only option
• Click Save together with larn code
• Copy the code that you lot are told to install into where you'd similar the results to appear.
• Paste that code into the gadget, postal service or page where you lot desire to pose the search results

Google-hosted

I receive got non investigated this option, because I desire to receive got the search-results correct within my blog.

  

---

Related Articles

Putting a Google Search Engine into your blog

Setting upwardly AdSense for your Blog

Blogger-Helpers-Search-Tool - a customised search of high-quality sites

Installing HTML into your blog

Tweet

Subscribe to receive free email updates: