Křišťálová Lupa 2023: Osobností roku je umělá inteligence. Třikrát bodoval Těhotnej kuchař

24. 11. 2023
Doba čtení: 10 minut

Sdílet

Autor: Karel Choc, Internet Info
Přinášíme kompletní výsledky ankety Křišťálová Lupa 2023 vybírající největší projekty a osobnosti českého internetu.

Dnes večer proběhlo v Divadle pod Palmovkou slavnostní vyhlášení ankety Křišťálová Lupa 2023. Část vítězů vybrala odborná porota a část široká veřejnost složená z více než sto dvaceti tisíců hlasujících. Přinášíme kompletní výsledky. Podívat se také můžete na záznam přenosu v České televizi.

Kategorie hodnocené veřejností

Cena popularity

  1. Těhotnej kuchař - Dvouminutové recepty na TikToku, Facebooku, Instagramu a YouTube.
  2. Kluci z Prahy - Youtubový pořad Janka Rubeše a Honzy Mikulky s více než 500 tisíci odběrateli.
  3. Šťastné pondělí - Satirický videopořad Jindřicha Šídla.
  4. Hype-Cast - Podcast youtubera Stejka a Martina Molnára.
  5. Paralelní listy - Banda přátel, která se ve vší anonymitě vysmívá všem maloměšťákům, oligarchům a latentním diktátorům.
  6. Opravdové zločiny - Detaily a zákulisí nejznámějších zločinů v podcastu Lucie Bechynkové a Barbory Krčmové.
  7. Zbraneproukajinu.cz - Online sbírka pro ukrajinskou armádu.
  8. Válka.online - Stránka věnovaná aktuálním i historickým konfliktům, zbraním i osobnostem. Každodenní OSINT analýzy ukrajinského bojiště.
  9. Pod svícnem - Iniciativa s cílem edukace společnosti a změny legislativy v oblasti domácího násilí.
  10. Oktagonmma.cz - Československá organizace pořádající turnaje bojových sportů.

Internetové obchodování

  1. Alza.cz - Největší internetový obchod s počítači a elektronikou.
  2. Zásilkovna - Česká přepravní společnost poskytující komplexní logistické služby pro internetové obchody.
  3. Knihobot.cz - Online antikvariát.
  4. CZC.cz - Dvojka na trhu s elektronikou.
  5. Heureka - Nákupní rádce a jeden ze dvou největších cenových srovnávačů.
  6. Lidl-shop.cz - E-shop obchodního řetězce Lidl Česká republika.
  7. Rohlík.cz - Online prodej potravin.
  8. Datart - Obchod se spotřební elektronikou.
  9. Vinted - Online second hand.
  10. Allegro - Online marketplace.
  11. Kaufland - Online marketplace.

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. Bankovní identita - Využití přihlašovacích údajů do internetového bankovnictví pro vstup do světa elektronických služeb.
  4. Databazeknih.cz - Databáze knih, recenzí a autorů.
  5. Heureka - Nákupní rádce a jeden ze dvou největších cenových srovnávačů.
  6. Aplikace PID Lítačka - Mobilní aplikace pro vyhledání spojení, přehledy odjezdů i nákup jízdenek v MHD.
  7. MojeID - Služba pro autentizaci uživatelů v různých internetových službách a na webech provozovaná sdružením CZ.NIC.
  8. Hedepy - Online psychoterapie.
  9. Intersucho.cz - Monitoring aktuálního stavu sucha, předpověď.
  10. Levitio - Aplikace pro vedoucí dětských organizací.
  11. Forendors.cz (Pickey.cz) – Sociální síť pro propojení tvůrců obsahu a jejich fanoušků.
  12. Beey.io - Online nástroj pro převod hlasu na text.

One (wo)man show

  1. Těhotnej kuchař - Dvouminutové recepty Jaroslava Vajgla na TikToku, Facebooku, Instagramu a YouTube.
  2. Stejk - YouTube kanál Jakuba Steklého.
  3. Jirka vysvětluje věci - Datový novinář Jiří Burýšek vysvětluje složité problémy světa.
  4. TMBK - Legendární koláže Tomáše Břínka publikované na sociálních sítích TMBK jako komentáře aktuálního dění.
  5. Čestmír Strakatý - Autorské rozhovory, které jdou do hloubky témat i příběhů lidí.
  6. Visegradský jezdec - Facebooková stránka a osobní blog Karla Patáka.
  7. Adam Gebrian - YouTube kanál architekta Adama Gebriana.
  8. KRAMPOLINKA - Háčkování – návody a videa.
  9. Jsem v obraze (Instagram) - Instagramový profil Johany Bázlerové nabízí přehledné infografiky na aktuální, nejen politická témata.
  10. positivJE - Prezentace Jesenicka jako skvělého místa pro život.

Online video

  1. Těhotnej kuchař - Dvouminutové recepty Jaroslava Vajgla na TikToku, Facebooku, Instagramu a YouTube.
  2. Šťastné pondělí - Satirický videopořad Jindřicha Šídla.
  3. Kluci z Prahy - Youtubový pořad Janka Rubeše a Honzy Mikulky s více než 500 tisíci odběrateli.
  4. Jirka vysvětluje věci - Datový novinář Jiří Burýšek vysvětluje složité problémy světa.
  5. Kovy - Youtubový kanál s tematickými videi, cestovními vlogy, scénkami i infotainmentem.
  6. Mikýřova úžasná pouť internetem - Pouť do samotného srdce internetu.
  7. Mistr Málek - YouTube kanál Jana Málka. 
  8. Fakta vítězí - YouTube kanál Patrika Kořenáře.
  9. Fabulace Jana Špačka - Politická satira na YouTube.
  10. Debatní deník - YouTube kanál Tima Kožuchova.
  11. Ten Smlsal - YouTube kanál Matěje Smlsala.

Podcast roku

  1. Hype-Cast - Podcast youtubera Stejka a Martina Molnára.
  2. Opravdové zločiny - Detaily a zákulisí nejznámějších zločinů v podcastu Lucie Bechynkové a Barbory Krčmové.
  3. Čestmír Strakatý - Autorské rozhovory, které jdou do hloubky témat i příběhů lidí. 
  4. Vlevo dole - Podcast Lucie Stuchlíkové a Václava Dolejšího o zákulisí české politiky na Seznam Zprávách.
  5. Kecy & politika - Podcast komentátora Bohumila Pečinky a marketingového odborníka Petrose Michopulose.
  6. Vinohradská 12 - Zpravodajský podcast Českého rozhlasu.
  7. Dobrovský & Šídlo - Podcast z produkce Paměti národa.
  8. Buchty - Girl talk Ivany Veselkové a Zuzany Fuksové.
  9. Přepište dějiny - Podcast Michala Stehlíka a Martina Grohmana na téma dějin ve veřejném prostoru, politiky a médií.
  10. Podcast 5:59 - To nejdůležitější dění v Česku, ve světě, ekonomice, sportu i kultuře optikou Seznam Zpráv.

Zájmové weby

  1. Paralelní listy - Banda přátel, která se ve vší anonymitě vysmívá všem maloměšťákům, oligarchům a latentním diktátorům.
  2. INDIAN - Pořad o hrách pro každého.
  3. Živě.cz - Tradiční web o počítačích a IT technologiích.
  4. Válka.online - Stránka věnovaná aktuálním i historickým konfliktům, zbraním i osobnostem. Každodenní OSINT analýzy ukrajinského bojiště.
  5. Knižní závisláci - Skupina na Facebooku nakladatelství Knihy Dobrovský určená všem čtenářům a čtenářkám.
  6. Kinobox - Filmové recenze, novinky v kinech, české filmy.
  7. Zdopravy.cz - Online deník zaměřený na dění v dopravě.
  8. Kosmonautix.cz - Portál věnovaný všemu kolem kosmonautiky.
  9. Vědátor - Facebookový profil, jehož autor servíruje svým čtenářům novinky z vědy.
  10. Nerdopolis - Server o popkultuře, fantastice, sci-fi a komiksech.

Zpravodajství a publicistika

  1. Seznam Zprávy - Zpravodajství a publicistika redakce Seznam.cz s důrazem na video.
  2. ČT24 - Televizní stanice ČT, která se 24 hodin denně věnuje zpravodajství a publicistice.
  3. Deník N - Online deník postavený primárně na placeném obsahu.
  4. iRozhlas.cz - Zpravodajský server Českého rozhlasu.
  5. Novinky.cz - Zpravodajský web provozovaný společnostmi Borgis a Seznam.cz.
  6. iDNES.cz - Zpravodajský portál vydavatelství MAFRA.
  7. Voxpot - Reportáže o politice, společnosti a kultuře.
  8. CzechCrunch.cz - Server zaměřený na byznys, startupy, technologie, cestování, design a další aktuální témata.
  9. E15.cz - Zpravodajský web vydavatelství CZECH NEWS CENTER. 
  10. HN.cz - Zpravodajský web Hospodářských novin.

Kategorie hodnocené odbornou porotou

Anticena

  1. Nulová aktivita české vlády v boji proti online dezinformacím
  2. (2. – 3.) Ivan Bartoš za nedostatečný vývoj digitalizace a eGovernmentu 
  3. (2. – 3.) XIXOIO
  4. Neschopnost Googlu a FB zasáhnout proti podvodným reklamám
  5. (5. – 6.) Miliardová insolvence e-shopu Mamut.cz 
  6. (5. – 6.) Zbytečně přísná česká novela autorského zákona
  7. (7. – 9.) Liknavý přístup Mety při blokování ukradených českých účtů 
  8. (7. – 9.) Tlak Seznam.cz na to, aby se uživatelé přihlašovali
  9. (7. – 9.) Vysoké ceny datových služeb českých mobilních operátorů
  10. Konec sítě Sigfox v Česku

E-commerce inspirace

  1. Bezobslužné prodejny COOP - Tři plně automatizované prodejny bez obsluhy. 
  2. Spolupráce Knihobotu s Rohlíkem - Výkup použitých knih přes kurýry Rohlíku.
  3. Do půlnoci objednáš, ráno v AlzaBoxu máš - Expresní doručení objednávek v Alza.cz.
  4. Qerko - Aplikace pro bezkontaktní platbu v restauraci.
  5. Broňa, nadšený učitel angličtiny z Brna - YouTube kanál učitele z Brna, který lidem pomáhá zamilovat se do angličtiny.
  6. Kaufland Global Marketplace v ČR - Online marketplace, nyní i v Česku. 
  7. (7. – 8.) Notino a jeho exportní aktivity - Umístění v první desítce žebříčku Cross-Border Commerce Europe.
  8. (7. – 8.) PosterLad - Umělecký projekt českého designéra Vratislava Pecky, jeho cílem je změnit vnímání plakátu.
  9. Nova Post v Česku - Pobočka ukrajinské pošty v Praze.

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

  1. Livesport.cz - Live výsledky a sportovní zpravodajství z více než 35 sportů. 
  2. Windy.com - 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.
  3. Photopea - Webový grafický editor, který se plně vyrovná známějšímu placenému Photoshopu.
  4. Průša3D.cz - České 3D tiskárny podnikatele Josefa Průši.
  5. (5. – 6.) CDN77.com - Projekt CDN sítě (content delivery network) podnikatele Zdeňka Cendry.
  6. (5. – 6.) Trezor - Česká hardwarová peněženka na bezpečné ukládání kryptoměn.
  7. (7. – 9.) Productboard.com - Komplexní nástroj pro řízení vývoje produktů.
  8. (7. – 9.) ShipMonk - Česká firma, která zajišťuje servis kolem logistiky a doručování a vracení zásilek.
  9. (7. – 9.) Zásilkovna - Česká přepravní společnost poskytující komplexní logistické služby pro internetové obchody.
  10. (10. – 11.) Iprice - Nástroj pro jednoduché a bezproblémové nakupování online.
  11. (10. – 11.) Mews - Český startup poskytující komplexní systém pro správu hotelů, který letos získal investici 33 milionů dolarů.

Marketingová inspirace

  1. #JsemTuNovej - Britský velvyslanec na sociálních sítích.
  2. Zbraneproukrajinu.cz - Online sbírka pro ukrajinskou armádu.
  3. Kazma a marketing jeho filmu - Marketingová kampaň, která dokázala prodat stovky tisíc vstupenek.
  4. Reels videa influencerů pro Alzu - Využití influencerů v kampani e-shopu Alza.cz.
  5. (5. – 6.) Mikýř a nativní reklamy vkládané do obsahu - Originální reklamní sdělení ve videích, točená v souladu s Mikýřovou poetikou.
  6. (5. – 6.) Online prezidentská kampaň Danuše Nerudové - Online kampaň Danuše Nerudové před prezidentskými volbami.
  7. Tvůrcast.cz - Podcast pro obsahové tvůrce, který vzniká ve spolupráci Forendors a Martina Kavky.
  8. Marketing psichologie.cz - Videokurzy o psím tréninku a výchově.

Mladá krev

  1. Donio - Dárcovská platforma, na které může každý snadno vytvořit sbírku. 
  2. Martin Mikyska - Autor pořadu Mikýřova úžasná pouť internetem.
  3. (3. – 4.) Jsem v obraze (Instagram) - Instagramový profil Johany Bázlerové nabízí přehledné infografiky na aktuální, nejen politická témata.
  4. (3. – 4.) Pod svícnem - Iniciativa s cílem edukace společnosti a změny legislativy v oblasti domácího násilí.
  5. VOS.Health - Aplikace pomáhající uživatelům překonávat psychicky náročné situace. 
  6. Fabulace Jana Špačka - Politická satira na YouTube.
  7. (7. – 8.) Nepanikař - Aplikace pro rychlou první psychologickou pomoc.
  8. (7. – 8.) Shopsys.cz - Tvorba B2B a B2C e-shopů na míru.
  9. Boost.space - Platforma umožňující vytvářet centralizované databáze.
  10. (10. – 11.) Psichologie.cz - Videokurzy o psím tréninku a výchově. 
  11. (10. – 11.) Wrest - Český projekt chytré podložky pod myš, která má předcházet karpálním tunelům.

Obsahová inspirace

  1. Seznam Médium - Prostor na Seznamu pro vaše články. 
  2. Pod svícnem - Iniciativa s cílem edukace společnosti a změny legislativy v oblasti domácího násilí.
  3. Heyfomo - Pohled na svět mladýma očima.
  4. Uměligence - Průvodce světem umělé inteligence.
  5. Faktoid - Podcast Martina Malého.
  6. (6. – 8.) Hachiko - Umělá inteligence na rádiu Express FM.
  7. (6. – 8.) Online hry a aplikace na Déčku - Web České televize pro děti. 
  8. (6. – 8.) Společnost nedůvěry - Konspirace a dezinformace v české společnosti, projekt webu iROZHLAS.cz, institutu SYRI a Sociologického ústavu AV ČR.
  9. SvýmPánem.cz - Příručka pro podnikatele.
  10. What the Fact? - Užitečná i zcela zbytečná fakta o světě kolem nás. YouTube kanál České televize.

Osobnost roku

MM Influenceři

  1. AI – Umělá inteligence, technologie, která má změnit svět.
  2. Dušan Šenkypl - Podnikatel a investor.
  3. (3. – 5.) Jakub Havrlant - Zakladatel, CEO a jediný akcionář skupiny Rockaway Capital.
  4. (3. – 5.) Čestmír Strakatý - Moderátor a dramaturg.
  5. (3. – 5.) Ondřej Filip - CEO CZ.NIC.
  6. Simona Kijonková - CEO Packeta Group.
  7. (7. – 9.) Jiří Burýšek - Český novinář, autor webu Bezfaulu.net a YouTube kanálu Jirka vysvětluje věci.
  8. (7. – 9.) Kazma - Internetový producent, influencer, moderátor a investor.
  9. (7. – 9.) Tomáš Braverman - Bývalý CEO Heureka Group.

Projekt roku

  1. Zbraneproukrajinu.cz - Online sbírka pro ukrajinskou armádu.
  2. Pokus českých manažerů zachránit Groupon - Snaha českých manažerů o záchranu své investice proměnou ikonické americké firmy.
  3. (3. – 4.) Qerko - Aplikace pro bezkontaktní platbu v restauraci.
  4. (3. – 4.) Seznam Médium - Prostor na Seznamu pro vaše články.
  5. Voyo.cz - Filmy, seriály a sport online. Videoportál TV Nova.
  6. Prodej Smartlooku Ciscu - Americká korporace Cisco koupila brněnskou službu Smartlook.
  7. (7. – 8.) Společnost nedůvěry - Konspirace a dezinformace v české společnosti, projekt webu iROZHLAS.cz, institutu SYRI a Sociologického ústavu AV ČR.
  8. (7. – 8.) Život k nezaplacení - Projekt PAQ Research a Českého rozhlasu zaměřený na ekonomický vývoj domácností.
  9. Demagog - Unikátní projekt poskytující analytickou zpětnou vazbu pro výroky politiků.

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

  1. Paměť národa - Online sbírka vzpomínek pamětníků významných dějinných událostí 20. století.
  2. Donio - Dárcovská platforma, na které může každý snadno vytvořit sbírku.
  3. Aplikace Záchranka - Aplikace na zavolání záchranné nebo horské služby.
  4. Hlídač státu - Nástroj, který nabízí kontrolní nástroje u vybraných služeb státu.
  5. Beztrestu.cz - Server proti zlehčování sexualizovaného a domácího násilí.
  6. Nepanikař - Aplikace pro rychlou první psychologickou pomoc.
  7. Programy do voleb - Neziskový projekt nabízející přehledné informace o stranách, kandidátech a volebních programech.
  8. (8. – 10.) E-bezpečí.cz - Národní projekt prevence rizikového chování v online prostředí.
  9. (8. – 10.) Linkos.cz - Web České onkologické společnosti ČLS JEP.
  10. (8. – 10.) Platyuredniku.cz - Informace o platech a odměnách řídících pracovníků z více než 200 institucí.
  • Chcete mít Lupu bez bannerů?
  • Chcete dostávat speciální týdenní newsletter o zákulisí českého internetu?
  • Chcete mít k dispozici strojové přepisy podcastů?
  • Chcete získat slevu 1 000 Kč na jednu z našich konferencí?

Staňte se naším podporovatelem

'; 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 »