Live Blogs

Introduction

Viafoura's Live Blog tool allows you to publish real-time content to foster two-way engagement on your site. Take back the reigns of your owned and operated content from sites like Twitter or Facebook.

Your audience will see all updates as they come in live without needing to refresh the page – allowing them to participate in the conversation as the story unfolds. Use this for live sporting events, product announcements, or ongoing coverage of a major news story like an election.

Step 1: Install the Viafoura Javascript

The Viafoura Live Blog tool requires the Viafoura base javascript to be installed on the page where the reviews are to appear.

It requires a container ID or unique ID to be available to the page.

Refer to our documentation on [Container IDs]

Step 2: Install the Live Blog tool

Your staff can place a Live Story into their articles by pasting the Live Story tag anywhere they want it to appear, or you can provide a specific template within your CMS to allow for the creation of a live story. To create a template with a live story first ensure that you have configured a container ID for the page.

Place the following code anywhere you would like a Live Story to appear within your template:

<vf-livestory class="viafoura"></vf-livestory>

Step 3: Refresh browser to view the rendered version

🚧

Note

A moderator or admin level user must load the page in order for the Live Blog to be initiated and configured

Once you are authenticated with sufficient privileges, you should see the live story settings and the post box at the position you put the code and should look like this:

Step 4: Implement the On-Site Notification Tray

The Viafoura Live Blog tool requires that the On-Site Notification Tray is also implemented on the page, which can be done by simply adding the Notification Bell on the page.

The On-site Notification Tray acts as a personalized newsfeed for users to view all of notifications for interactions the community has made with them. Replies to a user's comment, comment likes, new followers and push notifications pertaining to topics the user has followed are housed here.

❗️

The Notification Tray is Required for the User Experience

The Live Blog widget includes several call to actions and buttons, such as "login/signup", "like", "reply" and others that rely on the Notification Tray to be implemented and available on the page.

Failing to implement the Notification Tray will result in a broken user experience.

Step 5: Setting up and managing Live Blog

See our user guide to set up and manage Live Blogs.


Did this page help you?