Skip to main content

How do I build a Klip using the News component?

Updated

The News component enables you to display multiple headlines, abstracts, and images in a news feed. It's ideal for displaying data from social media streams or RSS feeds.

This article uses Google News as an example and describes how to build a Klip using an RSS feed and the News component. You will learn how to:

  • Find an RSS feed URL and use it to create an RSS feed data source.
  • Build a Klip, using the News component, that displays live news feed information.
  • Format a Klip to display content, such as a headline, description, links from the headline to the full news article, and copyright and date information.

Following is an example of a Klip that uses the News component and an RSS feed data source (Google News).

This is the structure of the News component. Each of the sub-components in the News component is pre-formatted. This section of the Klip Editor is called the Component Tree.

Finding an RSS feed URL

The first thing you need to do is find and copy the URL for the RSS feed you want to use as your data source.

To find your RSS feed URL (using Google News as an example):

  1. Navigate to your news feed: https://news.google.com/news/.
  2. Scroll to the bottom of the page and select RSS. A page of code displays.
  3. Copy the URL of that page. (For example, https://news.google.com/news?pz=1&cf=all&ned=ca&hl=en&output=rss)

You will use this URL when creating your RSS feed data source.

Creating an RSS feed data source and Klip

To create an RSS feed data source and Klip (using Google News as an example):

  1. In the left navigation sidebar, click the 3-dot menu beside Data Sources and select +New data source.
  2. Under Additional options, select REST/URL.
  3. On the New Data Source page, paste the RSS URL you copied earlier into the Query URL text box.
  4. For Data Format select XML.
  5. For Method select GET.
  6. Click Get Resource.
  7. Click Continue.
  8. Enter a Name for your data source, select an appropriate refresh rate, and click Save.
  9. On the About this Data Source page, select Build a Klip with this Data Source.
  10. Select News Component.

You are now ready to format your RSS feed Klip.

Formatting an RSS feed Klip

You format your Klip by using the XML results (that display in the Data panel) to reference sub-components in the Component Tree, for example, you can add a headline, a description, a link from the headline to the full news article, and copyright and date information.

To add a headline:

  1. In the Component tree, select Headline.
  2. In the Data panel, under item, select the title node.

A headline displays in the Klip.

To add a description:

  1. In the Component tree, select Content.
  2. In the Data panel, under item, select the description node.

A description displays in the Klip.

To add a link from the headline to the full news article:

  1. In the Component tree, select Link.
  2. In the Data panel, under item, select the link node.

Your headline is now a link to the full news article.

To add an author (or copyright date, depending on the news feed type):

  1. In the Component tree, select Author.
  2. In the Data panel, under channel, select the copyright node.

@ 2017 Google displays at the bottom of your Klip.

To add a date:

  1. In the Component tree, select Date.
  2. In the Data panel, under item, select the pubdate node.

The publication date displays at the bottom of your Klip.

To save your Klip:

When you are finished creating and formatting your Klip:

  1. Click Save.
  2. Name your Klip.
  3. Click Finished.

Related articles:

 

Related articles