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.

Create and embed a Live Blog on an AMP page

OpenWeb's AMP implementation wraps the Live Blog with an AMP iframe. When the Live Blog first loads, it appears static. When a user taps on the Live Blog, a new browser tab opens and displays the standard Live Blog interface.

From your OpenWeb Admin Dashboard, click Features > LIVE BLOG.
Click Create New Event.
Enter the Event Details.
Click Save.
On the SETTINGS tab in the Assign Reporters section, type the usernames of reporters who can post updates on the event.
On the SETTINGS tab in the Event Code section, copy the code.
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>

Add the following code in the location where the Live Blog should appear. Be sure to replace SPOT_ID with your Spot ID and EVENT_CODE with the Live Blog event code.

<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>