Getting started
Arena provides simple widgets that can be embedded on any website hosted on any CMS platform. Create your account to get started.
Embedding
When you create a liveblog event or select a sports widget, you'll be shown an embed code that you need to copy and paste on the area of your website where you want the widget to appear.
See below an example of an embed code for a liveblog event:
โ
Understanding the different types of embed codes
Embed
This is our recommended embed code for most of the websites. This is a Javascript embed that loads faster and adapts to your website CSS, capturing your font and making the experience seamless to your users.
This embed option adjusts to the size of the container it's added to, with a width of 100% and height of 100%.
โ
So for example, if you want your widget to have 500px width, just add the embed code inside a <div> or any other html tag that has 500px width.
iFrame
This option is common among websites that have constraints about adding 3rd party Javascript code. If your infrastructure doesn't allow adding custom 3rd party libraries to your HTML pages, you can use this option.
When you choose the iFrame option you'll be able to set its width and height before copying the code.
Others - AMP
Arena for Accelerated Mobile Pages (AMP) is a fast-loading, optimized Arena experience for Google AMP compatible pages. AMP is a way to build web pages for static content that renders quickly, especially on mobile devices.
Others - Facebook Instant Articles
Facebook Instant Articles is a new way for any publisher to create fast, interactive articles on Facebook. With this embed option your instant articles on Facebook will render our widget correctly.
This integration requires extra steps, click here to know how to properly set up Instant Articles.
WordPress Integration
We provide a WordPress plugin that makes it easier to embed our code to your posts.
After installing the plugin, an Arena button will appear for every WordPress post:
When you click on the Arena button, you'll be able to see all your future events and for each one, an ADD button:
After clicking ADD, the code will be automatically applied to your blog content:
And that's it! After publishing or previewing your WordPress blog post, you'll see your widget rendered and you can start publishing news to your liveblog.