Dynamic Feed Control Wizard - Put feeds on Your Web Page

Embed a Dynamic Feed Control on your web page and let your users see customized views of the feeds. Customize how the dynamic feed control should be displayed, and this wizard will write the code for you.

Customize it

Style:	Vertical Vertical Stacked Horizontal
Title:	Title is optional, if left blank, will be filled with the matching feed expression.
Feeds Expression:	Note: You can either specify a single feed description or a comma separated list of feed descriptions. These can be keywords such as "People, ESPN, NY Times, etc. We will then automatically search for feeds that match those keywords.
Direct Feed URLs:	Loading Feed URLs..

Generate code for your web page

Copy and paste the following where you want your dynamic feed control to appear. Do not place it within the <head> ... </head> section of your page unless you plan on relocating the <div id="feed-control"></div> elements out of this chunk of code.

<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
  <!--
  // Created with a Google AJAX Search and Feed Wizard
  // http://code.google.com/apis/ajaxsearch/wizards.html
  -->

  <!--
  // The Following div element will end up holding the actual feed control.
  // You can place this anywhere on your page.
  -->
  <div id="feed-control">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
  </div>

  <!-- Google Ajax Api
  -->
  <script src="http://www.google.com/jsapi?key=notsupplied-wizard"
    type="text/javascript"></script>

  <!-- Dynamic Feed Control and Stylesheet -->
  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
  </style>

  <script type="text/javascript">
    function LoadDynamicFeedControl() {
      var feeds = [];
      var options = {
        stacked : false,
        horizontal : true,
        title : ""
      }

      new GFdynamicFeedControl(feeds, 'feed-control', options);
    }
    // Load the feeds API and set the onload callback.
    google.load('feeds', '1');
    google.setOnLoadCallback(LoadDynamicFeedControl);
  </script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->

More about the Dynamic Feed Control

If you're curious about what else you can do with the Dynamic Feed Control, check out the GSdynamicFeedControl documentation. With a little more programming, you can change several options.

Getting Help

If you have questions or problems, please check out our AJAX Search API discussion group to see if anyone has had the same problem you're wrestling with. The Google AJAX Search and Feeds API team also participates in the group and answers questions.