Element Configuration

When setting up Elements within Studio there are several options you have to get the User experience to be exactly how you want it.

Adding an Element to the Timeline

The add an Element hit the + button in the bottom right of the event screen

Select an Element

The number and types of Elements you can see is dependent on the versions you have

Once an Element is selected you must configure a number of settings, some of which are general and others specific to each Element.

• Duration: How long the Element will appear on the users screen and how long they can interact with it

• Start mode: Using the Timecode setting means you can have the Element appear at a specifc point within the event without manually intervention. This is especially key for on-demand content where the Timeline of the event is synced with the video timeline. Using Manual here will save the Element in your "Live library" where you can manually publish at any moment while the event is live.

• Include results in Latest Results feed: This publishes the results of the Element i.e how many people selected which answer, to the results API endpoint

Here is an example Element (A Quiz question) with all of its specific data:

Quiz Question

Simply enter the user facing question for the quiz Element here.

Quiz Answers

You can enter between 2 and 4 answer options for the user. These can be just images, just text or both together.

Answer reveal options

The answer wait time option specifies the number of seconds after the element starts to reveal the answer. This is only applicable for "On Element Finish" mode. The points for correct answer option only comes into play if gameification is set up

Selecting the "On Reveal Result" option means the answer will only be revealed when the "Reveal Result" element is published on the Timeline

Setting up the TouchBug

The Content tab

In the content tab you can find all the settings you need to set up your user interact-able TouchBug

• The Alert Banner text is an optional banner that slides out of the TouchBug temporarily to inform the user that something new has been published.

Element Behaviour

You can configure how the Element behaves when published

• Auto open on publish: As soon as the Element is published on the timeline and appears in Player Layer it opens and skips the TouchBug step

• Always open: This prevents the user user from dismissing the Element back into the TouchBug forceing it to stay open once its opened (either automatically or by the user)

• Pause video on open: Once the Element is open (either automatically or by the user) the video is paused. (you can configure your player so the user can't resume it manually if required)

• Pause video on publish: This pauses the video on publish no matter if the Element is open or not.

• Resume video on answer: When he user has answered the question or poll then the video is automatically unpaused.

• Seconds after vote to resume video: This is the number of seconds after the user has answered thr question/poll to resume the video, it is recommend you let the user see the option they choose for a second or two before resuming.

• Fine-tune delay on publish: If you want the Element to appear at a more precise time on the video timeline you can add a delay here. The standard and simplified Element publishing works on whole seconds, if you want to publish an Element 3 minutes and 3.5 seconds into the video you can publish the Element at 00:03:03 and then add 500 milliseconds to this field.

• Alert banner duration and fixed duration: This controls how long the alert banner stays expanded from the TouchBug

• Animations: The Touchbug can be configured to animate slightly so the user is enticed to tap on it, this controls if that is enabled or not.

Positioning your Element for all UI modes

The position settings for your Element

Using these options you can position your Element wherever you want in relation to your video while it is using Over mode. This can be configured differently for Landscape watching and Portrait watching.

The options layout settings dictate how the answer options are laid out for questions and polls.

• Horizontal - This will lay out the options beside each other in a row

• Vertical - This will stack the options on top of each other

• Grid - This will use a row and column system to display the options in rows of 2

• Grid Fixed - On small devices where space is at a premium the Grid option above will be adjusted to fit the space better, Grid Fixed prevents this from happening and ensures the options are laid out in 2 rows of 2.

Adverts and Sponsor options

Element Sponsor

Element sponsor options

You can add an Element sponsor which will sit below the Element and when tapped can take the user to the sponsors website.

Element Advert

Advert options

Another great way to dispaly advertisements and promotions is through the "Post results" settings. Configuring these wait a number of seconds (Promo Delay Timer) after the user has answered a poll or a question and replace the poll with an image that when tapped will open an external webpage. Example:

If your poll was sponsored by another brand once it has been answered you could display a promotion from the brand that thanks the user for voting and intices them to go to that brands site.