Křišťálová Lupa 2018: Projektem roku je Kingdom Come, osobností Jindřich Šídlo

22. 11. 2018
Doba čtení: 13 minut

Sdílet

Ilustrační obrázek
Autor: Depositphotos – Spectral
Ilustrační obrázek
Třináctý ročník Ceny českého internetu zná své vítěze. Dvakrát bodovala televize DVTV a také komentátor Jindřich Šídlo z TV Seznam.

V pražském Divadle Archa se 22. listopadu předávaly ceny českého internetu Křišťálová Lupa 2018. Projektem roku se poprvé v historii stala počítačová hra, konkrétně Kingdom Come: Deliverance od Warhorse Studios. Dočkal se také Jindřich Šídlo, který se stal osobností roku. Dvě prvenství obhájila DVTV.

V třináctém ročníku „křišťálovky“ vedle odborné poroty hlasovalo rekordních 90 tisíc lidí. Kompletní výsledky naleznete níže.

Kategorie hodnocené veřejností

Cena popularity

1. DVTV – Projekt nabízející videoobsah se zaměřením na rozhovory a živá reportážní vysílání.

2. Honest Guide – Originální průvodce Janka Rubeše a Honzy Mikulky o turistických nástrahách hlavního města na Stream.cz zaměřený na zahraniční publikum.

3. Mapy.cz – Mapová a navigační webová služba portálu Seznam.cz.

4. Úschovna.cz – Populární jednoduchý nástroj pro posílání dat prostřednictvím internetu.

5. Alza.cz – Největší internetový obchod nejen s výpočetní technikou.

6. Kovy (youtuber) – Známý youtuber s téměř 600 000 odběrateli, který připravuje tematická videa, cestovní vlogy, scénky, skeče a mnoho dalšího.

7. Branky body kokoti – Drsně sarkastický občasník, který glosuje genderové nerovnosti. Najdete ho na serveru bleskprozeny.cz.

8. Edna.cz – Kompletní servis pro všechny fanoušky televizních seriálů.

9. iRozhlas.cz – Zpravodajský server Českého rozhlasu.

10. Jirka Král – Jeden z nejznámějších českých youtuberů. V září oznámil svůj konec na YouTube.

Zpravodajství a publicistika

1. DVTV – Projekt nabízející videoobsah se zaměřením na rozhovory a živá reportážní vysílání.

2. Seznam Zprávy – Zpravodajství a publicistika od redakce Seznam.cz s důrazem na video.

3. iDNES.cz – Zpravodajský portál vydavatelství MAFRA.

4. ČT24 – Zpravodajský portál České televize.

5. iRozhlas.cz – Zpravodajský server Českého rozhlasu.

6. Aktuálně.cz – Zpravodajský web společnosti Economia.

7. Novinky.cz – Zpravodajský web provozovaný společnostmi Borgis a Seznam.cz.

8. Zdopravy.cz – Online deník zaměřený na dění v dopravě.

9. IHNED.cz – Zpravodajský web vydavatelství Economia.

10. Blesk Zprávy – Zpravodajská část webových stránek deníku Blesk.cz.

11. Lidovky.cz – Zpravodajský web vydavatelství MAFRA.

Internetové obchodování

1. Alza.cz – Největší internetový obchod nejen s výpočetní technikou.

2. Heureka.cz – Nákupní rádce a jeden ze dvou největších cenových srovnávačů.

3. CZC.cz – Jeden z největších tuzemských internetových obchodů s elektronikou.

4. Lidl-shop.cz – E-shop obchodního řetězce Lidl.

5. Rohlik.cz – Online prodej potravin.

6. MALL.cz – Komplexní internetový obchodní dům s nabídkou od bílého zboží, zahradní techniky až po kosmetiku a módu.

7. Kiwi.com – Celosvětový vyhledávač levných letenek českého původu.

8. Spokojenýpes.cz – Specializovaný e-shop na krmiva a chovatelské potřeby pro psy, kočky a další domácí mazlíčky.

9. OdKarla.cz – E-shop s bazarovým zbožím.

10. Pilulka.cz – Lékárenský holding bratří Kasů přináší digitální strategii do převážně kamenného lékárenského světa.

11. Do Do – Donášková služba DO DO sežene a přiveze cokoliv, co je legální.

Nástroje a služby

1. Mapy.cz – Mapová a navigační webová služba portálu Seznam.cz.

2. ČSFD.cz – Největší filmová databáze s tradičně silnou komunitou uživatelů.

3. Úschovna.cz – Populární jednoduchý nástroj pro posílání dat prostřednictvím internetu.

4. Rekola – Půjčování kol na stanovištích ve vybraných městech ČR, vše se děje prostřednictvím mobilní aplikace.

5. Aplikace Můj vlak – Mobilní aplikace Českých drah pro snazší cestování vlakem – nákup jízdenek, hledání spojů atd.

6. Windy – Služba poskytující důležité informace o stavu počasí z dílny Iva Lukačoviče. Svou oblibu a význam získává mimo jiné při krizových klimatických situacích.

7. GoOut – Server poskytující přehled o kulturních akcích v Praze, Brně a Ostravě. Umožňuje i nákup vstupenek na vybrané koncerty a divadelní přestavení.

8. Liftago – Aplikace pro zprostředkování osobní přepravy mezi cestujícími a řidiči. Tak trochu jiné taxi.

9. In-pocasi.cz – Webová stránka poskytující dokonalý přehled o počasí v České republice i ve světě.

10. Photopea – Webový grafický editor, který se plně vyrovná známějšímu placenému Photoshopu. Photopea je zdarma.

11. Filmtoro – Vyhledávač filmů, dostupných volně online.

Zájmové weby

1. Databazeknih.cz – Databáze informací, recenzí knih a autorů.

2. Edna – Kompletní servis pro všechny fanoušky televizních seriálů.

3. Živě.cz – Tradiční oblíbený web o počítačích a IT technologiích.

4. Technet.cz – Zpravodajství a publicistika ze světa IT a technologií na iDNES.cz.

5. Bez frází – Projekt nabízející otevřené zpovědi známých českých sportovců.

6. AZ247 – Web založen na ironii a sarkazmu.

7. Vědátor – Facebookový profil, jehož autor servíruje svým čtenářům novinky z vědy.

8. Kosmonautix.cz – Portál věnovaný všemu kolem kosmonautiky.

9. MladýPodnikatel.cz – Magazín videorozhovorů pro inspiraci internetovým podnikatelům se sdílením know-how zkušených profesionálů.

10. Atyp magazín – Magazín zabývající se autismem a ADHD. Snahou redakce je i podpora lidí s touto diagnózou.

One (wo)man show

1. Jiří Ovčáček – unofficial – Facebookový profil falešného mluvčího Hradu Jiřího Ovčáčka. Nebo je to naopak? :-)

2. TMBK – Legendární koláže Tomáše Břínka publikované na Facebooku TMBK jako komentáře aktuálního dění.

3. Nikol Štíbrová Instagram – Instagramový účet herečky Nikol Štíbrové, který patří k nejsledovanějším v Česku.

4. Kechlibar.net – Blog Mariana Kechlibara, na kterém komentuje dění ve světě.

5. Čtyřlístek – Strach.cz – Satirické postřehy k veřejnému dění na pozadí ilustrací Čtyřlístku.

6. 365tipu.cz – Edukační projekt publicisty Daniela Dočekala s jedním užitečným tipem ze světa IT denně.

7. Žena filmového kritika – Umí upéct chleba a podojit kozu. Vdala se za pražského filmového kritika a teď píše o svém životě na Facebook.

8. Iwrite.cz – Osobní blog spisovatelé, básníka a performera Jiřího Charváta.

Online video

1. Šťastné pondělí – Satirický videopořad Jindřicha Šídla, který záhy získal velkou fanouškovskou podporu.

2. 3v1 – Parodická videa v podání tří kamarádek – Nikol Štíbrové, Veroniky Arichtevy a Martiny Pártlové.

3. Honest Guide – Originální průvodce Janka Rubeše a Honzy Mikulky o turistických nástrahách hlavního města na Stream.cz zaměřený na zahraniční publikum.

4. Branky body kokoti – Drsně sarkastický občasník, který glosuje genderové nerovnosti. Najdete ho na serveru bleskprozeny.cz.

5. Farky – YouTube kanál – YouTube kanál Michala Farkaše, který nalákal přes 186 tisíc odběratelů.

6. Kovy (youtuber) – Známý youtuber s téměř 600 000 odběrateli, který připravuje tematická videa, cestovní vlogy, scénky, skeče a mnoho dalšího.

7. Zvědátoři – YouTube kanál Martina Roty a Patrika Kořenáře, kteří několikrát do týdne komentují témata související s umělou inteligencí, vesmírem nebo konspiračními teoriemi.

8. Krvavá léta – Seriál badatele a spisovatele Jiřího Padevěta mapující temné okamžiky české historie.

9. Jirka Král – Jeden z nejznámějších českých youtuberů. V září oznámil svůj konec na YouTube.

10. Kupé v lese – Talkshow Divadla Vosto5.

Kategorie hodnocené porotou

Projekt roku

1. Kingdom Come: Deliverance – Hra od české společnosti Warhorse Studios vycházející z české historie. Hráče zavede do středověku, konkrétně do období českého království na počátku 15. století.

2. Srpen 1968 v Českém Rozhlase – Projekt Českého rozhlasu věnovaný výročí 21. srpna 1968. Kromě interaktivních stránek mohli čtenáři využít i mobilní aplikaci využívající rozšířenou realitu.

3. Branky body kokoti – Drsně sarkastický občasník, který glosuje genderové nerovnosti. Najdete ho na serveru bleskprozeny.cz.

4. Ježíškova vnoučata – Projekt Českého rozhlasu nyní poskytuje i možnost, aby se dobrovolníci se „svým“ seniorem setkali, stali se jeho přítelem a opakovaně se k němu vraceli.

5.–6. Televize Seznam – Plnoformátová televize portálu Seznamu, kterou lze sledovat na internetu i na běžném přijímači. Zaměřuje se na zpravodajství a publicistiku

5.–6. IPO Avast – Vstup české antivirové společnosti Avast na burzu v Londýně. Firma v rámci primárního úpisu akcií (IPO) investorům prodala akcie po 250 pencích za kus.

7. HN+ – Nový typ předplatného deníku Hospodářské noviny, který umožňuje číst web deníku zcela bez reklam nebo poskytuje vstup do kompletního archivu.

8. CETIN – Zrychlujeme Česko – Projekt společnosti Cetin si klade za cíl zrychlení internetového připojení po celé České republice.

Osobnost roku

1. Jindřich Šídlo – Známý komentátor a novinář, který v dresu Seznam Zpráv posílil svou fanouškovskou základnu především díky svému pořadu Šťastné pondělí.

2. Aleš Zavoral – Zakladatel největšího internetového obchodu Alza.cz.

3. Michal Bláha – Podnikatel, investor, mentor, inovátor, který se v poslední době angažuje v rozvoji projektů týkajících se státní správy.

4. Dita Přikrylová – Zakladatelka Czechitas, vzdělávacího projektu, který pomáhá rozšiřovat počet žen ve světě IT.

5.–6. Kovy (youtuber) – Známý youtuber s téměř 600 000 odběrateli, který připravuje tematická videa, cestovní vlogy, scénky, skeče a mnoho dalšího.

5.–6. Josef Průša – Vývojář 3D tiskáren, které navrhuje a staví už od roku 2009.

7. Jirka Král – Jeden z nejznámějších českých youtuberů. V září oznámil svůj konec na YouTube.

8.–9. Martin Rozhoň – Zakladatel společnosti Vivantis. Pod skupinu spadají například weby prozdravi.cz, krasa.cz, parfemy.cz nebo vivantis.cz.

8.–9. Simona Kijonková – Zakladatelka společnosti Zásilkovna, která zajišťuje logistické služby pro více než 18 tisíc e-shopů v Česku i v zahraničí.

10. Daniel Dočekal – Konzultant a publicista. Provozuje stránky www.pooh.cz nebo web 365tipu.cz.

Anticena

1. Mobilní operátoři předražená data pro veřejnost – Přes sliby operátorů, že zlevní datové balíčky, se tak reálně neděje. Češi podle posledního průzkumu v rámci EU platí třetí nejvyšší částku za jeden GB.

2. Vláda ČR a nedostatečný vývoj eGovernment – Vyřídit si většinu úředních záležitostí přes internet stále v České republice zůstává nedosažitelným snem. Úřady nejsou často schopné sdílet informace, které o občanech mají, a lidé musí znovu a znovu dokládat další a další nesmyslná papírová potvrzení.

3. Dezinformační weby na hlavní stránce Seznam.cz – V boxu Další zajímavé články z českého internetu na hlavní stránce Seznam.cz se objevují i odkazy na pochybné weby šířící dezinformace.

4. Black Friday – manipulace s cenami při slevách – Řada českých e-shopů, včetně těch velkých, uměle před akcí Black Friday navýšila ceny, aby je pak při akci zlevnila a mohla se chlubit, jaké nabízejí výhodné ceny.

5. Google News – Sputnik ve výběru zpravodajství – Zpravodajský agregátor Googlu nabízí mezi zprávami seriózních webů odkazy také na dezinformační a propagandistické tituly, jako je proruský Sputnik.

6. EET e-shopy – potvrzení Ústavním soudem – Až Ústavní soud zastavil evidenci plateb kartou v EET, protože je nesmyslná, a náběh 3. a 4. vlny EET, protože stát nedostatečně zvážil jeho dopady.

7. Dotace na stavbu vysokorychlostního internetu – Česko ani po letech nebylo schopné vyčerpat 14 miliard evropských dotací na rychlý internet v místech, kde se připojení nevyplatí budovat komerčně. Polovinu peněz nakonec převedlo na jiné účely.

8. Turistiada – Aplikace, která měla motivovat seniory, aby chodili víc na výlety. Stála 3 miliony korun, využívá ji minimum lidí (cca 7) a policie prověřuje, jak byly peníze ze státní dotace využity.

E-commerce inspirace

1. Footshop – E-shop zaměřený především na prodej značkové obuvi, koupit si zde ale můžete i oblečení.

2. HN+ – Nový typ předplatného deníku Hospodářské noviny, který umožňuje číst web deníku zcela bez reklam nebo poskytuje vstup do kompletního archivu.

3. Bezpotisku.cz  E-shop nabízející oblečení bez nápisů i log výrobce.

4. Goodlok.cz – E-shop zaměřený na prodej čerstvých ovocných šťáv. Zboží rozváží v Praze, aby zajistil čerstvost.

5. RůžovýSlon.cz – Jeden z nejoblíbenějších českých online sexshopů.

6. Placenevolani.cz – Webový portál, který vám umožní, abyste své znalosti mohli poskytovat přes telefon, a ještě za to dostat zaplaceno. Cenu za své rady si stanovujete sami.

7. Nabídka majetku státu – Portál státního Úřadu pro zastupování státu ve věcech majetkových, kde si zájemci mohou prohlédnout nemovitosti a další majetek, který stát nabízí k prodeji.

8. Kolorky.cz – E-shop nabízející designové látkové dětské plenky.

9. OdKarla.cz – E-shop s bazarovým zbožím.

Globální projekty českých tvůrců

1. Windy – Služba poskytující důležité informace o stavu počasí z dílny Iva Lukačoviče. Svou oblibu a význam získává mimo jiné při krizových klimatických situacích.

2. Honest Guide – Originální průvodce Janka Rubeše a Honzy Mikulky o turistických nástrahách hlavního města na Stream.cz zaměřený na zahraniční publikum.

3.–4. Kiwi.com – Celosvětový vyhledávač levných letenek českého původu.

3.–4.  Prusa3D.cz – Český výrobce 3D tiskáren pro domácí použití se vyvinul v jednoho z největších producentů 3D tiskáren na světě.

5. Productboard.com – Komplexní nástroj pro řízení vývoje produktů.

6. Photopea – Webový grafický editor, který se plně vyrovná známějšímu placenému Photoshopu. Photopea je zdarma.

7.–8. Space_Know – Nástroj na analýzu dat ze satelitních snímků, založený bývalým zaměstnancem NASA Pavlem Machálkem.

7.–8. FlashScore.com – Síť webů a aplikací s rychlým sportovním zpravodajstvím, kterou měsíčně používá zhruba 85 milionů sportovních fanoušků z celého světa.

9. Cera – Česko-britský „Uber pro sociální péči“ zprostředkovává seniorům lékaře či pečovatele.

Obsahová inspirace

1. Forbes Espresso – Newsletter časopisu Forbes, díky kterému bude mít každý den ve svém mailu přehled toho nejdůležitějšího a nejzajímavějšího.

2. Rozšířená realita: Rozhlas Srpen 1968 – Projekt Českého rozhlasu věnovaný výročí 21. srpna 1968. Kromě interaktivních stránek mohli čtenáři využít i mobilní aplikaci využívající rozšířenou realitu.

3. Bez frází – Projekt nabízející otevřené zpovědi známých českých sportovců.

4. A2alarm Hrdinové kapitalistické práce – Série investigativních reportáží Saši Uhlové, která několik měsíců mapovala nejhůř placené profese v Česku.

5. Branky body kokoti – Drsně sarkastický občasník, který glosuje genderové nerovnosti. Najdete ho na serveru bleskprozeny.cz.

6. Ester a Josefina – Ester Geislerová a Josefina Bakošová tvoří kreativní duo zaměřující se na módní projekty.

7. Bez faulu – Web mapující argumentační fauly a lži českých politiků.

8.–9. Tankocaching 1968 Technet – Projekt serveru Technet.cz, který na 21 míst v Česku rozmístil kešky upozorňující na příběhy ze srpnové invaze v roce 1968.

8.–9. Zdopravy.cz – Online deník zaměřený na dění v dopravě.

10.–11. Objevíme svět – Stránky Jany a Toma Hájkových, kteří radí ostatním rodičům, jak se dá cestovat s malými i většími dětmi.

10.–11. Inspirante.cz – Speciální magazín, jehož tvůrci chtějí upozorňovat na nejrůznější sociální problémy. Zároveň ale nabízejí řešení a snaží se čtenáře pozitivně motivovat. Na fungování magazínu se podílejí lidé se zdravotním (či jiným) znevýhodněním.

Veřejně prospěšná služba – cena České televize

1. Paměťnároda.cz – Online sbírka vzpomínek pamětníků významných dějinných událostí 20. století.

2. Nadační fond nezávislé žurnalistiky – Projekt, který pomáhá seriózním novinářům zkvalitnit jejich práci a zvýšit její celospolečenský vliv. NFNZ podporuje nezávislou investigativní a analytickou žurnalistiku.

3. Ježíškova vnoučata – Projekt Českého rozhlasu nyní poskytuje i možnost, aby se dobrovolníci se „svým“ seniorem setkali, stali se jeho přítelem a opakovaně se k němu vraceli.

4. Aplikace Záchranka – Mobilní aplikace Zdravotnické záchranné služby.

5. Milion chvilek pro demokracii – Spolek Milion Chvilek se dle vlastních slov snaží o „podporu a kultivaci demokratické kultury“. Uspořádal už několik demonstrací a koncertů, na nichž upozorňoval na stav demokracie v ČR.

6.–7. Nocleženka – Projekt Armády spásy, který umožňuje každému, aby předplatil lidem bez domova ubytování v některé z nocleháren provozovaných právě Armádou spásy.

6.–7. Manipulátoři.cz – Aplikace Publicistický web Manipulátoři.cz se věnuje oblasti politického marketingu, public relations a komunikačních strategií, s důrazem na kritické myšlení a odhalování falešných informací.

8. Elpida – Server provozovaný obecné prospěšnou společnosti Elpida, která se snaží pomáhat seniorům například pořádáním festivalu, vydáváním časopisu nebo organizováním výstav.

9. Patron dětí – Charitativní projekt, který se snaží pomáhat zdravotně a sociálně znevýhodněným dětem a jejich rodinám z celé České republiky.

10. Umirani.cz – Informační, poradenský a diskusní web provozovaný domácím hospicem Cesta domů.

11.–12. Na ovoce – Komunitní platforma, která umožňuje zájemcům získat tipy na ovocné stromy nebo keře, jež lze volně očesat. Je určena po lidi, kteří chtějí zodpovědně využívat přírodní bohatství.

11.–12. Bez faulu – Web mapující argumentační fauly a lži českých politiků.

Marketingová inspirace

1. Rekola – Libeňský most – Kampaň bikesharingové společnosti Rekola, která přistavila k Libeňskému mostu v lednu 2018 svá kola. Reagovala tak na rozhodnutí pražského magistrátu most uzavřít pro tramvajovou a automobilovou dopravu.

2.–3. Alza.cz – politická satira (králíci a diplomky) – Kampaň e-shopu Alza.cz, která reagovala na tvrzení některých politiků, že je na ně vedena kampaň. Odkazy k diplomce mířily k političce za hnutí ANO Taťánu Malou, která se po dlouhém váhání vzdala funkce ministryně spravedlnosti, když se provalilo, že opsala diplomovou práci.

2.–3. CZC.cz – kampaň Dvojky – Kampaň e-shopu CZC.cz, který ji postavil na sloganu, že je druhým největším internetovým obchodem v ČR. Vymezoval se tak proti Alza.cz, jedničce na trhu. Zároveň to CZC.cz vtipně využila ke komentování Alzy.

4. Maappi – E-shop Maapi nabízí oblečení, obuv i doplňky s netypickým designem, který vznikl v hlavě nyní 14letého Matěje. Ten trpí těžkou formou Aspergerova syndromu. K jeho koníčkům patří kreslení map a právě tyto obrázky najdete na výrobcích z obchodu Maapi.

5. Česká televize – Sežeňte ovečky – Prázdninová soutěž kanálu ČT zaměřeného na děti a mládež. Tisíce dětí díky soutěži hledaly po celé zemi ztracené ovečky, které jsou jedním ze symbolů stanice.

6. Knižní hry Martinus.cz (Odysea a Šifra) – Kampaň vydavatelství Martinus, která na svém e-shopu zveřejňovala postupně šifry, z nichž měli čtenáři poznat název knihy. Jednalo se už o třetí ročník akce.

7. Cocuma – Prohlédněte si firmy ještě před tím, než odpovíte na jejich pracovní nabídku. Cocuma natáčí videoprofily společností a nabízí také jejich pracovní inzeráty.

8.–10. HuraMobil.cz – obsah – E-shop s mobilními telefony chce zákazníky zaujmout bohatou nabídnou článků či videí – jeho kanál na YouTube má skoro 30 tisíc odběratelů.

8.–10. Suri-nam.cz – Lifestylový magazín spadající pod společnost Suri.

MM Influenceři

8.–10. Xzone.cz – E-shop a síť pěti kamenných prodejen s videohrami si vydobyla místo na trhu mimo jiné promyšleným marketingem a sponzoringem českých překladů her.

Výsledky Křišťálové Lupy 2017 si můžete připomenout zde: Křišťálová Lupa 2017: Projektem roku je Hlídač státu, osobností Janek Rubeš

'; document.getElementById('preroll-iframe').onload = function () { setupIframe(); } prerollContainer = document.getElementsByClassName('preroll-container-iframe')[0]; } function setupIframe() { prerollDocument = document.getElementById('preroll-iframe').contentWindow.document; let el = prerollDocument.createElement('style'); prerollDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:20px;right:25px}"; videoContent = prerollDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('PREROLL sound allowed'); // setUpIMA(true); videoContent.volume = 1; videoContent.muted = false; setUpIMA(); }).catch(function () { console.log('PREROLL sound forbidden'); videoContent.volume = 0; videoContent.muted = true; setUpIMA(); }); } } function setupDimensions() { prerollWidth = Math.min(iinfoPrerollPosition.offsetWidth, 480); prerollHeight = Math.min(iinfoPrerollPosition.offsetHeight, 320); } function setUpIMA() { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // Create the ad display container. createAdDisplayContainer(); // Create ads loader. adsLoader = new google.ima.AdsLoader(adDisplayContainer); // Listen and respond to ads loaded and error events. adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. const contentEndedListener = function () { adsLoader.contentComplete(); }; videoContent.onended = contentEndedListener; // Request video ads. const adsRequest = new google.ima.AdsRequest(); adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Preroll advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = prerollWidth; // adsRequest.linearAdSlotHeight = prerollHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. prerollDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( prerollDocument.getElementById('adContainer'), videoContent); } function unmutePrerollAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } } function onAdsManagerLoaded(adsManagerLoadedEvent) { // Get the ads manager. const adsRenderingSettings = new google.ima.AdsRenderingSettings(); adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true; adsRenderingSettings.loadVideoTimeout = 12000; // videoContent should be set to the content video element. adsManager = adsManagerLoadedEvent.getAdsManager(videoContent, adsRenderingSettings); // Add listeners to the required events. adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); adsManager.addEventListener( google.ima.AdEvent.Type.ALL_ADS_COMPLETED, onAdEvent); // Listen to any additional events, if necessary. adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, onAdEvent); playAds(); } function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(prerollWidth, prerollHeight, google.ima.ViewMode.NORMAL); // } // }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. // videoContent.play(); } } function onAdEvent(adEvent) { const ad = adEvent.getAd(); console.log('Preroll event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: if (!ad.isLinear()) { videoContent.play(); } prerollDocument.getElementById('adContainer').style.width = '100%'; prerollDocument.getElementById('adContainer').style.maxWidth = '640px'; prerollDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); if (ad.isLinear()) { intervalTimer = setInterval( function () { // Example: const remainingTime = adsManager.getRemainingTime(); // adsManager.pause(); }, 300); // every 300ms } prerollDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (prerollLastError === 303) { playYtVideo(); } break; case google.ima.AdEvent.Type.COMPLETE: if (ad.isLinear()) { clearInterval(intervalTimer); } playYtVideo(); break; } } function onAdError(adErrorEvent) { console.log(adErrorEvent.getError()); prerollLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { playYtVideo(); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoPrerollPosition.remove(); playPrerollAd(); } else { return false; } adVolume = 1; return true; } function onContentPauseRequested() { videoContent.pause(); } function onContentResumeRequested() { videoContent.play(); } function onActiveView() { if (prerollContainer) { const containerOffset = prerollContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (prerollPaused) { adsManager.resume(); prerollPaused = false; } return true; } else { if (!prerollPaused) { adsManager.pause(); prerollPaused = true; } } } return false; } function playYtVideo() { iinfoPrerollPosition.remove(); youtubeIframe.style.display = 'block'; youtubeIframe.src += '&autoplay=1&mute=1'; } }
Upozorníme vás na články, které by vám neměly uniknout (maximálně 2x týdně).
'; document.getElementById('outstream-iframe').onload = function () { setupIframe(); } replayScreen = document.getElementById('iinfoOutstreamReplay'); iinfoOutstreamPosition = document.getElementById('iinfoOutstreamPosition'); outstreamContainer = document.getElementsByClassName('outstream-container')[0]; setupReplayScreen(); } function setupIframe() { outstreamDocument = document.getElementById('outstream-iframe').contentWindow.document; let el = outstreamDocument.createElement('style'); outstreamDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:-5px;right:25px}"; videoContent = outstreamDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; if ( location.href.indexOf('rejstriky.finance.cz') !== -1 || location.href.indexOf('finance-rejstrik') !== -1 || location.href.indexOf('firmy.euro.cz') !== -1 || location.href.indexOf('euro-rejstrik') !== -1 || location.href.indexOf('/rejstrik/') !== -1 || location.href.indexOf('/rejstrik-firem/') !== -1) { outstreamDirectPlayed = true; soundAllowed = true; iinfoVastUrlIndex = 0; } if (!outstreamDirectPlayed) { console.log('OUTSTREAM direct'); setUpIMA(true); } else { if (soundAllowed) { const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('OUTSTREAM sound allowed'); setUpIMA(false); }).catch(function () { console.log('OUTSTREAM sound forbidden'); renderBanner(); }); } } else { renderBanner(); } } } function getWrapper() { let articleWrapper = document.querySelector('.rs-outstream-placeholder'); // Outstream Placeholder from RedSys manipulation if (articleWrapper && articleWrapper.style.display !== 'block') { articleWrapper.innerHTML = ""; articleWrapper.style.display = 'block'; } // Don't render OutStream on homepages if (articleWrapper === null) { if (document.querySelector('body.p-index')) { return null; } } if (articleWrapper === null) { articleWrapper = document.getElementById('iinfo-outstream'); } if (articleWrapper === null) { articleWrapper = document.querySelector('.layout-main__content .detail__article p:nth-of-type(6)'); } if (articleWrapper === null) { // Euro, Autobible, Zdravi articleWrapper = document.querySelector('.o-article .o-article__text p:nth-of-type(6)'); } if (articleWrapper === null) { articleWrapper = document.getElementById('sidebar'); } if (!articleWrapper) { console.error("Outstream wrapper of article was not found."); } return articleWrapper; } function setupDimensions() { outstreamWidth = Math.min(iinfoOutstreamPosition.offsetWidth, 480); outstreamHeight = Math.min(iinfoOutstreamPosition.offsetHeight, 320); } /** * Sets up IMA ad display container, ads loader, and makes an ad request. */ function setUpIMA(direct) { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // Create the ad display container. createAdDisplayContainer(); // Create ads loader. adsLoader = new google.ima.AdsLoader(adDisplayContainer); // Listen and respond to ads loaded and error events. adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. const contentEndedListener = function () { adsLoader.contentComplete(); }; videoContent.onended = contentEndedListener; // Request video ads. const adsRequest = new google.ima.AdsRequest(); if (direct) { adsRequest.adTagUrl = directVast; console.log('Outstream DIRECT CAMPAING advert: ' + directVast); videoContent.muted = true; videoContent.volume = 0; outstreamDirectPlayed = true; } else { adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Outstream advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; } // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = outstreamWidth; // adsRequest.linearAdSlotHeight = outstreamHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function setupReplayScreen() { replayScreen.addEventListener('click', function () { iinfoOutstreamPosition.remove(); iinfoVastUrlIndex = 0; outstreamInit(); }); } /** * Sets the 'adContainer' div as the IMA ad display container. */ function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. outstreamDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( outstreamDocument.getElementById('adContainer'), videoContent); } function unmuteAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); outstreamDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); outstreamDocument.getElementById('adMuteBtn').innerHTML = ''; } } /** * Loads the video content and initializes IMA ad playback. */ function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(outstreamWidth, outstreamHeight, google.ima.ViewMode.NORMAL); // } // }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. // videoContent.play(); } } /** * Handles the ad manager loading and sets ad event listeners. * @param { !google.ima.AdsManagerLoadedEvent } adsManagerLoadedEvent */ function onAdsManagerLoaded(adsManagerLoadedEvent) { // Get the ads manager. const adsRenderingSettings = new google.ima.AdsRenderingSettings(); adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true; adsRenderingSettings.loadVideoTimeout = 12000; // videoContent should be set to the content video element. adsManager = adsManagerLoadedEvent.getAdsManager(videoContent, adsRenderingSettings); // Add listeners to the required events. adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); adsManager.addEventListener( google.ima.AdEvent.Type.ALL_ADS_COMPLETED, onAdEvent); // Listen to any additional events, if necessary. adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, onAdEvent); playAds(); } /** * Handles actions taken in response to ad events. * @param { !google.ima.AdEvent } adEvent */ function onAdEvent(adEvent) { // Retrieve the ad from the event. Some events (for example, // ALL_ADS_COMPLETED) don't have ad object associated. const ad = adEvent.getAd(); console.log('Outstream event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: // This is the first event sent for an ad - it is possible to // determine whether the ad is a video ad or an overlay. if (!ad.isLinear()) { // Position AdDisplayContainer correctly for overlay. // Use ad.width and ad.height. videoContent.play(); } outstreamDocument.getElementById('adContainer').style.width = '100%'; outstreamDocument.getElementById('adContainer').style.maxWidth = '640px'; outstreamDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); // This event indicates the ad has started - the video player // can adjust the UI, for example display a pause button and // remaining time. if (ad.isLinear()) { // For a linear ad, a timer can be started to poll for // the remaining time. intervalTimer = setInterval( function () { // Example: const remainingTime = adsManager.getRemainingTime(); // adsManager.pause(); }, 300); // every 300ms } outstreamDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (outstreamLastError === 303) { if (isBanner) { renderBanner(); } else { replayScreen.style.display = 'flex'; } } break; case google.ima.AdEvent.Type.COMPLETE: // This event indicates the ad has finished - the video player // can perform appropriate UI actions, such as removing the timer for // remaining time detection. if (ad.isLinear()) { clearInterval(intervalTimer); } if (isBanner) { renderBanner(); } else { replayScreen.style.display = 'flex'; } break; } } /** * Handles ad errors. * @param { !google.ima.AdErrorEvent } adErrorEvent */ function onAdError(adErrorEvent) { // Handle the error logging. console.log(adErrorEvent.getError()); outstreamLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { renderBanner(); } } function renderBanner() { if (isBanner) { console.log('Outstream: Render Banner'); iinfoOutstreamPosition.innerHTML = ""; iinfoOutstreamPosition.style.height = "330px"; iinfoOutstreamPosition.appendChild(bannerDiv); } else { console.log('Outstream: Banner is not set'); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoOutstreamPosition.remove(); outstreamInit(); } else { return false; } adVolume = 1; return true; } /** * Pauses video content and sets up ad UI. */ function onContentPauseRequested() { videoContent.pause(); // This function is where you should setup UI for showing ads (for example, // display ad timer countdown, disable seeking and more.) // setupUIForAds(); } /** * Resumes video content and removes ad UI. */ function onContentResumeRequested() { videoContent.play(); // This function is where you should ensure that your UI is ready // to play content. It is the responsibility of the Publisher to // implement this function when necessary. // setupUIForContent(); } function onActiveView() { if (outstreamContainer) { const containerOffset = outstreamContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (outstreamPaused) { adsManager.resume(); outstreamPaused = false; } return true; } else { if (!outstreamPaused) { adsManager.pause(); outstreamPaused = true; } } } return false; } let outstreamInitInterval; if (typeof cpexPackage !== "undefined") { outstreamInitInterval = setInterval(tryToInitializeOutstream, 100); } else { const wrapper = getWrapper(); if (wrapper) { let outstreamInitialized = false; window.addEventListener('scroll', () => { if (!outstreamInitialized) { const containerOffset = wrapper.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight / 1 && containerOffset.bottom > 0.0) { outstreamInit(); outstreamInitialized = true; } } }); } } function tryToInitializeOutstream() { const wrapper = getWrapper(); if (wrapper) { const containerOffset = wrapper.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight / 1 && containerOffset.bottom > 0.0) { if (cpexPackage.adserver.displayed) { clearInterval(outstreamInitInterval); outstreamInit(); } } } else { clearInterval(outstreamInitInterval); } } }
OSZAR »