HTML5-aineisto | tuotantotiedot

HTML5-aineiston käyttö mahdollistaa sisällön responsiivisuuden ja entistä tarkemman kohdentamisen, varmistaen kampanjoidesi ajankohtaisuuden sekä vaikuttavuuden.

TUOTANTOTIEDOT

HTML5-AINEISTO

Mikä on HTML5-aineisto?

Html5:tä hyödyntävä aineisto on käytännössä nettisivu, joka näytetään mainossisältönä.

Html5 näytetään näytöillämme Chromium selaimessa. Jos nettisivuilla tapahtuu HTTP-virhe, sisällönhallintajärjestelmämme ohittaa sisällön kokonaan välttääkseen virheilmoitukset ja mustat näytöt. 

Miksi hyödyntää HTML5-aineistoa?

HTML5-aineisto mahdollistaa sisällön responsiivisuuden, jonka ansiosta voidaan tuottaa merkittävästi vähemmän aineistokokoja verrattuna video- ja kuvaformaattiin.

Lisäksi HTML5-formaatti mahdollistaa muun muassa JavaScriptin käytön, jonka ansiosta sisältö on aina ajankohtaista ja se voidaan sitoa entistä tehokkaammin aikaan ja paikkaan.

HTML5-aineiston tuotantotiedot

Määritä aineiston margin, border ja padding arvoiksi 0 px.

Varmista, että aineisto toimii Chromium-selaimessa.

Laitteemme tukevat Chromium versiota 74+.

 

Valtaosa inventaaristamme tukee HTML5-formaatin aineistoja.

Olethan kuitenkin aina yhteydessä Clear Channelin myyntiin, jos suunnittelet HTML5-aineiston käyttöä saadaksesi juuri sinun kampanjaasi koskevat, tarkat tuotantotiedot.

Alta löydät tuotekohtaiset ohjeet.

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

Shopping Walls

HTML5-aineiston käyttö:
Voit käyttää HTML5-aineistoa kaikissa Shopping Wall -pinnoissa. Shopping Wall -pintojen kuvasuhteita ja resoluutioita on useita, joten testaa aineiston skaalautuminen kaikissa Shopping Wall -pintojen pyydettävissä resoluutioissa. Shopping Wall -tuotantotiedot »

Halutessasi voit tuottaa yhden aineiston, joka skaalautuu kaikkiin pintoihin tai helpottaaksesi tuotantoa tehdä kaksi versiota: vaakapinnoille oman ja pystypinnoille oman aineiston.

Aineistoversiot:
Jos aineistossa on ajoitusherkkää sisältöä eli osia, joiden ilmestymisellä tai aloituksella on tarkka ajoitus suhteutettuna spotin alkuun, aineistosta saatetaan tarvita kaksi versiota.

Toisessa aineistoversiossa koodiin on lisättävä BroadsignPlay()-funktio. Ohjeistus BroadsignPlay() käyttöön valmistajan sivulla »

Toisessa aineistoversiossa huolehdithan, että aineisto toimii Chromiumissa toivotulla tavalla.

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

Shopping Digital

HTML5-aineiston käyttö:
Voit käyttää HTML5-aineistoa lähes kaikissa Shopping Digital -pinnoissa. Kaikissa Shopping Digital -pinnoissa on kuvasuhde 9:16, mutta resoluutio voi vaihdella, joten huomioithan, että aineistolla ei ole kiinteää resoluutiota, vaan se tarvittaessa skaalautuu.

Aineistoversiot:
Jos aineistossa on ajoitusherkkää sisältöä, eli osia joiden ilmestymisellä tai aloituksella on tarkka ajoitus suhteutettuna spotin alkuun, aineistosta saatetaan tarvita kaksi versiota.

Toisessa ainneistoversiossa koodiin on lisättävä BroadsignPlay()-funktio. Ohjeistus BroadsignPlay() käyttöön valmistajan sivulla »

Toisessa aineistoversiossa huolehdithan, että aineisto toimii Chromiumissa toivotulla tavalla.

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

City Digital

HTML5-aineiston käyttö:
Voit käyttää HTML5-aineistoa kaikissa Downtown Digital -pinnoissa. Näissä pinnoissa on kuvasuhde 9:16, mutta resoluutio voi vaihdella, joten huomioithan, että aineistolla ei ole kiinteää resoluutiota, vaan se tarvittaessa skaalautuu.

Aineistoversiot:
Jos aineistossa on ajoitusherkkää sisältöä eli osia, joiden ilmestymisellä tai aloituksella on tarkka ajoitus suhteutettuna spotin alkuun, koodiin on lisättävä BroadsignPlay()-funktio. Ohjeistus BroadsignPlay() käyttöön valmistajan sivulla »

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

Downtown Digital

HTML5-aineiston käyttö:
Voit käyttää HTML5-aineistoa kaikissa Downtown Digital -pinnoissa. Näissä pinnoissa on kuvasuhde 9:16, mutta resoluutio voi vaihdella, joten huomioithan, että aineistolla ei ole kiinteää resoluutiota, vaan se tarvittaessa skaalautuu.

Aineistoversiot:
Jos aineistossa on ajoitusherkkää sisältöä eli osia, joiden ilmestymisellä tai aloituksella on tarkka ajoitus suhteutettuna spotin alkuun, koodiin on lisättävä BroadsignPlay()-funktio. Ohjeistus BroadsignPlay() käyttöön valmistajan sivulla »

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

Panorama Metropolitan Animate | Panorama Animate Big Cities

HTML5-aineiston käyttö:
Voit käyttää sekä HTML5-aineistoa, että liikkuvaa kuvaa kaikissa Panorama Metropolitan Animate ja Panorama Animate Big Cities -sarjojen pinnoissa.

Aineistoversiot:
Jos aineistossa on ajoitusherkkää sisältöä eli osia, joiden ilmestymisellä tai aloituksella on tarkka ajoitus suhteutettuna spotin alkuun, koodiin on lisättävä BroadsignPlay()-funktio. Ohjeistus BroadsignPlay() käyttöön valmistajan sivulla »

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

Muut Panorama-pinnat

HTML5-aineiston käyttö:
Voit käyttää HTML5-aineistoa osassa Panorama-pinnoistamme, lisäksi liikkuvan kuvan käyttö on sallittu osassa pinnoista. Panorama-pintojen kuvasuhteita ja resoluutioita on useita, joten testaa aineiston skaalautuminen kaikissa Panorama-pintojen pyydettävissä resoluutioissa. Panorama-tuotantotiedot »

Aineistoversiot:
Jos aineistossa on ajoitusherkkää sisältöä eli osia, joiden ilmestymisellä tai aloituksella on tarkka ajoitus suhteutettuna spotin alkuun, aineistosta saatetaan tarvita kaksi versiota.

Toisessa aineistoversiossa koodiin on lisättävä BroadsignPlay()-funktio. Ohjeistus BroadsignPlay() käyttöön valmistajan sivulla »

Toisessa aineistoversiossa huolehdithan, että aineisto toimii Chromiumissa toivotulla tavalla.