HTML5 content | specifications

The use of HTML5 content enables responsiveness and more precise targeting, ensuring the relevance and effectiveness of your campaigns.

SPECIFICATIONS

HTML5 CONTENT

What is HTML5 content?

HTML5 content or a web redirect ad copy is a web page displayed as ad content.

HTML5 is displayed using Chromium browser on our players. Sometimes an HTTP error occurs on the web page. To avoid displaying an error message or a black screen our CMS will skip the content entirely. 

Why should you use HTML5?

HTML5 content enables responsiveness which significantly reduces the amount of ad copy versions you have to produce compared to traditional video and image formats.

Additionally, HTML5 allows JavaScript variables that enable the content to be more accurate and time and location sensitive.

Production requirements for HTML5

Set the margin, border and padding values to 0 px.

You will need to make sure it works on the Chromium browser.

We support Chromium version 74+.

A large portion of our inventory supports the display of dynamic HTML5 on our players.

If you are planning to use HTML5 format in your campaign, please contact Clear Channel to get the accurate production specifications for your campaign.

See product-specific instructions below.

https://info.clearchannel.fi/hubfs/Kansiot/2024/Verkkosivu-%20ja%20landarikuvat/Tuotantotiedot_2023_SubWay_Shoppingwall_KivisSis%C3%A4.jpg

Shopping Walls

The use of HTML5 content:
You can use HTML5 on all Shopping Wall screens. There are multiple aspect ratios and resolutions within our Shopping Wall inventory and therefore we strongly suggest that you test the scalability of your ad copy in all requested resolutions. Shopping wall production requirements »

You can produce either a single spot that scales to all screens or, for convenience, produce two separate versions, one for portrait and one for landscape screens.

Content versions:
If the content contains time-sensitive elements which start at a specific time relative to the beginning of the spot you might need to make two versions of the spot due to our technically diverse inventory.

One version must include the BroadsignPlay() function. Link to instructions at Broadsign.com »

The other version should work in Chromium browser as intended.

https://info.clearchannel.fi/hubfs/Kansiot/2024/Verkkosivu-%20ja%20landarikuvat/Tuotantotiedot_2023_vk42-44_Nissan_SD_Kivis.jpg

Shopping Digital

The use of HTML5 content:
You can use HTML5 on majority of Shopping Digital screens. All screens use the aspect ratio of 9:16 but the actual resolution may vary so please make sure that the content doesn’t have a fixed resolution and scales instead.

Content versions:
If the content contains time-sensitive elements which start at a specific time relative to the beginning of the spot you might need to make two versions of the spot due to our technically diverse inventory.

One version must include the BroadsignPlay() function. Link to instructions at Broadsign.com »

The other version should work in Chromium browser as intended.

https://info.clearchannel.fi/hubfs/Kansiot/2024/Verkkosivu-%20ja%20landarikuvat/Tuotantotiedot_coca-cola%20finland_dd_2022_helsinki.jpg

City Digital

The usage of HTML5 content:
You can use HTML5 on all Downtown Digital screens. All screens use the aspect ratio of 9:16 but the actual resolution may vary so please make sure that the content doesn’t have a fixed resolution and scales instead.

Content versions:
If the content contains time-sensitive elements which start at a specific time relative to the beginning of the spot, you must use the BroadsignPlay() function.

Link to instructions at Broadsign.com »

https://info.clearchannel.fi/hubfs/Kansiot/2024/Verkkosivu-%20ja%20landarikuvat/Tuotantotiedot_Mutti_DowntownDigital_Helsinki_2023_4.jpg

Downtown Digital

The usage of HTML5 content:
You can use HTML5 on all Downtown Digital screens. All screens use the aspect ratio of 9:16 but the actual resolution may vary so please make sure that the content doesn’t have a fixed resolution and scales instead.

Content versions:
If the content contains time-sensitive elements which start at a specific time relative to the beginning of the spot, you must use the BroadsignPlay() function.

Link to instructions at Broadsign.com »

https://info.clearchannel.fi/hubfs/Kansiot/2024/Verkkosivu-%20ja%20landarikuvat/Tuotantotiedot_Panorama_Helsinki_Volvo_1-2024.jpg

Panorama Metropolitan Animate | Panorama Animate Big Cities

The usage HTML5 content:
You can use HTML5 on all of the screens of this product, you can also use animated content on all of the screens.

Content versions:
If the content contains time-sensitive elements which start at a specific time relative to the beginning of the spot, you must use the BroadsignPlay() function.

Link to instructions at Broadsign.com »

https://info.clearchannel.fi/hubfs/Kansiot/2024/Verkkosivu-%20ja%20landarikuvat/Tuotantotiedot_Panorama_Vantaa_Volvo_1-2024.jpg

Other Panorama products

The usage of HTML5 content:
You can use HTML5 in some of our Panorama screens. Please also note that only some screens allow animated content. There are multiple aspect ratios and resolutions within our Panorama inventory and therefore we strongly suggest that you test the scalability of your ad copy in all requested resolutions. Panorama production requirements »

Content versions:
If the content contains time-sensitive elements which start at a specific time relative to the beginning of the spot you might need to make two versions of the spot due to our technically diverse inventory.

One version must include the BroadsignPlay() function. Link to instructions at Broadsign.com »

The other version should work in the Chromium browser as intended.