What is the Stat Callout Element and when is it used?
This is an editorial Element that displays team or player data by providing a single stat with configurable design.
This reduces the need for third party stats widgets as it can be powered by any data feed. To create the Element, you can utilise any assets within Asset Library or external URLs and it gives you the flexibility to style your way - as branding is fully configurable.
Creating your Element
From inside an Event, press the [ + Element ] button to open the Element selection menu and select the Element you want to create. Elements are placed on the timeline of an Event, with Timing properties based on the Element type. Read more about Timing here.
Element setup
When creating this Element you will see the following tabs in Monterosa / Interaction Cloud to configure your Element:
Competitor name - The title of the subject being displayed such as the team name or player name
Competitor information (optional) - Extra info about this subject such as their position, minutes played, league standing etc.
Competitor image - Attach an image to the subject such as a player headshot or team crest
Stats to include - This is the list of stats being displayed. Each stat can have a title, a value and a suffix to the value such as "minutes" or "%"
[ + Add item ] - Add another item to the list of stats to include
Call to action label (optional) - Add a CTA button and configure the label displayed on the button.
Call to action URL (optional) - Add a CTA button and configure the URL linked from the button.
Show reactions - adds reaction buttons at the bottom of the Element which can be configured in App Settings
Pin Element - ensure this Element remains at the top of the container it appears in. Useful if you'd like important information to remain at the top of a feed
Container ID - place this Element inside a specific container on the page, such as a tab or column. These containers can be configured within Display Modes and if none is chosen, the Element will appear in the default container as per your Display Modes configuration
Custom class names - to apply design changes and styling beyond the fields available in App Settings, you can write custom CSS classes and apply them to this specific Element here
Sponsor ID - insert the ID of a Sponsor Converter from App Settings to attach the Sponsor to this Element
Google Ads ID - insert the ID of a Google Ad ID Converter from App Settings to attach the Google Ad to this Element
More Information ID - insert the ID of a More Information Converter from App Settings to attach the More Information modal to this Element
User Access - select the visibility of your Element. The Element will still be rendered to all users but a visual blocker will appear over the top for users who do not reach the required access level
