Liveblog Teaser Embed
Getting Started
1. Load our script
In any case our script has to be included in the page head
<script async src="https://cdn.tickaroo.com/webng/embedjs/tik4.js"></script>
2. Embed a Liveblog Teaser
Add the following tag to embed a raw liveblog
<tickaroo-liveblog-teaser liveblogId="LIVEBLOG_ID" clientId="CLIENT_ID"></tickaroo-liveblog-teaser>
You have to replace LIVEBLOG_ID and CLIENT_ID with your IDs accordingly.
Or: Embed a Liveblog Teaser and use a Theme
Add the following tag to embed a liveblog and manage styles via a theme
<tickaroo-liveblog-teaser liveblogId="LIVEBLOG_ID" themeId="THEME_ID" clientId="CLIENT_ID"></tickaroo-liveblog-teaser>
You have to replace LIVEBLOG_ID, THEME_ID and CLIENT_ID with your IDs accordingly. With themes, visual settings can be managed in Pro.
3. Optional: Prevent Flash of Unstyled Content
Our script adds CSS automatically, but for a better user expierence it is recommended that you add our CSS in the <head> of your HTML documents:
<link rel="stylesheet" type = "text/css" href="https://cdn.tickaroo.com/webng/embedjs/tik4.css">
Next Steps
You can further customize your liveblogs teaser by creating themes in Pro (Settings -> Widgets) and/or by directly setting parameters of the tickaroo-liveblog-teaser tag. Tag parameters will always override theme settings.