Serving > Front Ends > Output Format - Page Layout Helper

The Page Layout Helper lets you easily make changes to global attributes (logo, fonts, header, and footer), and to the look of the Search Box and Search Results.

The Page Layout Helper has three sections:

• Global Attributes
• Search Box
• Search Results

You can have one section open, two, or all three at the same time. Click the right arrow in front of the section you want to open. When you click the Save Page Layout Code button, the changes you made in any open section are saved to the Stylesheet. All changes are optional.

Global Attributes

In the Global Attributes section, you can quickly put your logo on the pages, specify the fonts to use, and add the HTML header and the HTML footer code used on your web site. The Preview button opens a browser window to let you see the actual look of each page with each change as you make it, but the changes are not saved until you click the Save Page Layout Code button. A new window opens each time you click Preview. You can close these windows as you finish looking at them.

To change the Global attributes:

1. Click the right arrow next to Global Attributes to display the contents.
2. Enter the location and name of your company logo. You may have to type the complete URL.
3. Enter the width and height in pixels of your logo image.
4. Click the Preview button. A browser window opens to show your change. Close the browser window.
5. Enter the name of the font family that your web site uses, such as "Times Roman,serif." The font face is case insensitive. If you enter a font that is not recognized, it defaults to "Times." (Continue previewing each change.)
6. Paste your web site's header code in the Header area.
7. Paste your web site's footer code in the Footer area.
8. When finished, click the Save Page Layout Code button.

To set up Google Analytics reporting in the search appliance:

When you enable Google Analytics reporting in your search appliance, the search appliance automatically adds the Analytics code block to the Front End.

1. If you do not have an account with Analytics, go to https://www.google.com/analytics/ to create a new account.
   
   Google Analytics provides you a code block to attach to your web page.
   
   
2. Copy just the account number of the code block. For example, in the following code block, the account number is:
UA-123456-1.

   <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
   </script>
   <script type="text/javascript">
   _uacct = "UA-123456-1";
   urchinTracker();
   </script>    

3. Log in to the Admin Console and navigate to the Serving > Front Ends > Output Format page.
4. Under Page Layout Helper, click the arrow next to Global Attributes.
5. In the Google Analytics Account Number text box, paste the Analytics account number that you copied.
6. Click the Save Page Layout Code button.

To track another Front End, click Front Ends under the main menu on the left, and then select the Edit link adjacent to the the Front End you want to integrate with Analytics. Enter your Analytics account number in the Page Layout Helper.

Search Box

In the Search Box section, you can affect changes to the Search text box and button, to the language and encoding, and select which collections are available to your users to search.

To change the Search Box attributes:

1. Click Search Box to display the contents.
2. To lengthen or shorten the Search Box from 32 characters, type another number.
3. Click the Preview button. A browser window opens to show your change. Close the browser window.
4. To replace the phrase on the button, type another word in the Use Text box. To use another image to replace the gray rectangular button, click the Use Image option and enter the complete URL to the image. (Continue previewing each change.)
5. Click the Collections checkbox to display a menu of your collections so that your users can select which one to search.
6. If you purchased the secure search package, the Secure Search option is enabled, letting your users choose to search over public documents or both public and secure documents. Click the checkbox to disable the display of the Secure Search option.
7. When finished, click the Save Page Layout Code button.

Search Results

As you select check boxes in each Search Results area, the sample page on the right shows your changes dynamically (for some browsers). Other browsers display a Quick Preview button.

To change the Search Results attributes:

1. Click the right arrow next to Search Results to display the contents.
2. Click the check boxes to show or hide the named component.
3. Review the changes in the dynamic window (or by clicking Quick Preview, depending on your browser.)
4. Select option buttons to choose the style of the components.
5. When finished, click the Save Page Layout Code button.

Note: After you finish making and saving changes in the Page Layout Helper, you can, if you wish, make further changes in the XSLT Stylesheet Editor. You must make all Page Layout changes in the boxes provided before editing the Stylesheet directly. These changes are saved in the Stylesheet when you click Save Page Layout Code.

You cannot go back to the Page Layout Helper after you manually edit the Stylesheet, unless you start over completely by clicking the Restore Default button. Restore Default does not restore your Page Layout Helper changes, but rather it restores the stylesheet provided with the software.

If you want to do more editing, you can do so in the XSLT Stylesheet Editor.

Caution: Remember that you cannot go back to the Page Layout Helper after you work in the XSLT Stylesheet Editor unless you restore the default stylesheet.