Live Blog

Our Live Blog is optimized for SEO, boosting the search performance of your real-time reporting and conversations. The product also allows you to embed links, tweets, videos and more.

802802

Live Blog



Create a Live Blog

Use the following steps to create a Live Blog to your site:

  1. From your OpenWeb Admin Panel, click Features > LIVE BLOG. The Live Blog page appears.
  2. Click Create Event. The Create an Event popup window appears.
  3. Enter the Event Details. All fields are required.
  4. Click Save & Continue.
  5. Under Assign Reporters, select Username or Email from the dropdown menu.
  6. Type the username or email of a registered user to assign that person as a reporter who can manage and post updates on the event. If you type the email of a registered user, you must press the Enter key on your keyboard before you can assign that person as a reporter.

    You can select multiple registered users to be reporters for an event.

    📘

    You can also Assign reporters from the Suggestions from your team section. All teammates with the role of Admin or Journalist are listed.

  7. Click Save & Continue.
  8. Use the standard or AMP approach to embed the Live Blog that has been created.


Implementation Options

OpenWeb provides you the approaches to add a Live Blog to your site. Each is listed in the following table.

ApproachDescription
StandardEnables embedding a Live Blog for all non-AMP pages
AMPEnables embedding a Live Blog for only AMP pages

Standard

Use the following steps to embed a Live Blog:

  1. In the Embed Code section, choose This is the only OpenWeb product used on the page or There are other OpenWeb products used on the page from the dropdown menu.
  2. Click Copy to copy the embed code to your clipboard. You should paste the embed code where the event updates should appear on your page.
  3. Click Finish.
  4. (Optional) Add launcher code parameters to configure Live Blog user experience.


AMP

When adding a Live Blog to an AMP page, you must first create the Live Blog in the your OpenWeb Admin Panel. Then, you must embed the Live Blog in an AMP element on the AMP page. The following sections explain how to complete this implementation.


Use the following steps to embed a Live Blog on an AMP page:

  1. In the Embed Code section, choose This is the only OpenWeb product used on the page from the dropdown menu.
  2. Copy the value of the data-live-event-code attribute.
  3. On your AMP page, add the .spot-im-amp-overflow class definition to the <script amp-custom> tag.
<style amp-custom>
    .spot-im-amp-overflow {
        background: white;
        font-size: 15px;
        padding: 15px 0;
        text-align: center;
        font-family: Helvetica, Arial, sans-serif;
        color: #307fe2;
    }
</style>

  1. Add the following code in the location where the Live Blog module should appear.
<amp-iframe width="375" height="815" resizable
sandbox="allow-scripts allow-popups allow-same-origin allow-top-navigation"
layout="responsive"
frameborder="0" src="https://amp.spot.im/production.html?spot_im_highlight_immediate&spotId=SPOT_ID&eventCode=EVENT_CODE">
<amp-img placeholder height="815" layout="fill" src="//amp.spot.im/loader.png"></amp-img>
<div overflow class="spot-im-amp-overflow" tabindex="0" role="button" aria-label="Read more">Load more...</div>
</amp-iframe>
  1. Replace the SPOT_ID placeholder.
  2. Define the eventCode with the data-live-event-code attribute value.


Manage Live Blogs

After you have created the Live Blog event, you can edit, duplicate or delete the event from your Admin Panel.

10641064

Events section of Live Blogs


Edit an existing event

  1. From your OpenWeb Admin Panel, click Features > LIVE BLOG. The Live Blog page appears.
  2. Under Events, locate the Live Blog event under Live, Upcoming, Past, or All.

    📘

    You can sort the events by last Updated, when the event Starts, or when the event Ends.

  3. Click Edit on the Live Blog event title. A pop-up screen appears.
  4. Edit the Event Details or Reporters.
  5. Click Save.

Duplicate an event

  1. From your OpenWeb Admin Panel, click Features > LIVE BLOG. The Live Blog page appears.
  2. Under Events, locate an existing Live Blog event under Live, Upcoming, Past, or All.

    📘

    You can sort the events by last Updated, when the event Starts, or when the event Ends.

  3. On the Live Blog event tile, click ▼ > Duplicate. A pop-up window appears.
  4. Enter a Descriptive name. This is the title of the new event.
  5. Choose when the event Starts and Ends.
  6. Click Save & Continue.
  7. Under Assign Reporters, type the usernames or emails of reporters who can manage the event and post updates on the event.
  8. Click Save & Continue.
  9. Click Copy to copy the embed code to your clipboard. You should paste the embed code where the event updates should appear on your page.
  10. Click Finish.

Delete an existing event

  1. From your OpenWeb Admin Panel, click Features > LIVE BLOG. The Live Blog page appears.
  2. Under Events, locate the Live Blog event under Live, Upcoming, Past, or All.

    📘

    You can sort the events by last Updated, when the event Starts, or when the event Ends.

  3. On the Live Blog event tile, click ▼ > Delete. The Delete Event pop-up window appears.
  4. Click Delete. The event is deleted.