Different ways to add Live Center to your page.
Below are a few examples of implementation alternatives to illustrate the flexibility of the solutionTo view a live implementation example for each alternative, click the header
- 1. Data access
- Data access library to get just the content of each post. This allows you to do the post and channel design, rendering, and formatting manually. This is a great alternative if a feed is to be reused in another system, or published through an app where you want more control over rendering.
- 2. Streaming data + extended rendering + server-side rendering + convenience functions
- This alternative is in most situations the preferred implementation option. This implementation comes with a formatted design and behavior to provide an out-of-the-box solution. This alternative is a great alternative if you want the solution itself to take care of the implementation and you want to focus on creating great content.
- 3. Iframe
Data access utilizes the API endpoints described in the NC Live Center Public API document. For situations when one would want pure data from the Live Center. Examples of situations:
- Server rendering of posts.
- Systems for analytics of content.
Our iframe solutions are based on the convenience function described above. If your company wants a custom iframe contact us at firstname.lastname@example.org or build your own implementation using the convenience function.
Also worth noting is that the Live-feed has a default max-width of 700px. It will adjust to any size under this.
Beneath is the visual result of the code described above. The live blog iframe is inserted below the title “The live blog iframe…”.
Inside the editor, you will see a section at the bottom of the left-hand side called Embed which when expanded will give you options for different live blog designs.
Each design skin can be freely used to create a different look and feel for your live blog.
To see how the feed will look for your readers, simply select a skin and a Preview will be rendered below. To see a full version of the skin, follow the Open link which will open a new tab in your browser to show you the preview of that embed option.
When you have found a skin you want to use, copy the code in the Script area or the oEmbed URL.
NOTE: Make sure you copy the entire code in the Script area. Otherwise the embed will not work properly.