Martin Beháň (Rohlík): Do Vánoc pokryjeme kolem osmdesáti procent Česka

4. 9. 2023
Doba čtení: 6 minut

Sdílet

Martin Beháň, ředitel tuzemské pobočky online supermarketu Rohlík
Autor: Rohlík.cz, publikováno se svolením
Martin Beháň, ředitel tuzemské pobočky online supermarketu Rohlík
Rozvážet po celém Česku bychom mohli v podstatě zítra, ale utrpěla by tím kvalita našich služeb, a to nechceme, říká šéf tuzemského Rohlíku Martin Beháň. Na konci roku i tak chce firma nabídnout rozvoz až na osmdesáti procentech území České republiky.

Dlouhé roky působil v Tescu, pak krátce v Kauflandu, od loňského prosince vede Martin Beháň tuzemskou pobočku online supermarketu Rohlík.cz. V podcastu pro Lupu mluví o tom, jaké plány firma na českém území má. 

Výsledky fiskálního roku budete mít až na konci září. Určitě ale už nyní víte, jak na tom Rohlík je.

Díky bohu rosteme. A to i přesto, že jsme se na začátku roku poměřovali s čísly z předchozího roku, kdy byl covid. I tak jsme byli schopni vyrůst. Ten trend je velmi konzistentní. Růst dosahuje skoro double digit number.

Jak jste na tom s počtem zákazníků?

Ono se to vyvíjí. Byl tady covid, kdy s námi nakupovalo po dobu dvou let velké množství zákazníků, protože neměli jinou volbu. Covidové období je pryč a samozřejmě se stalo, že někteří zákazníci, kteří s námi během tohoto období nakupovali, odešli. Někteří s námi ale zůstali, protože jim vyhovovala naše služba a naše nabídka. A zároveň nám postupně přibývají i noví zákazníci. Na začátku tohoto roku jsme pokrývali už asi 45 procent území České republiky a tento rok jsme naše pokrytí docela zásadně zvýšili. A začínáme nabírat dost zákazníků právě z oblastí, kde jsme předtím nevozili. 

Část rozhovoru jsme přepsali do textu, celý si jej můžete poslechnout ve formě podcastu na službách Spotify, Apple Podcast, Google Podcast nebo přímo zde:

To konkrétní číslo je tedy jaké?

Dohromady se bavíme o stovkách tisících zákazníků, kteří s námi nakupují. Aktivně jich je každý měsíc tak dvě stě tisíc.

Určitě máte i přehled o počtu objednávek. Ty rostou, počítám, také, pokud vám přibývají zákazníci.

Tam je to přímá úměra. Tak, jak rosteme v zákaznících, rosteme i v objednávkách. Blížíme se momentálně k těm dvouciferným číslům.

Nové distribuční centrum

Rozhovor s Martinem Beháněm proběhl ještě před zveřejněním informace, že Rohlík otevře nové distribuční centrum v Ostravě. Firma si od toho slibuje, že osloví výrazně víc zákazníků. Ostravské centrum o rozloze 9000 m² se otevře na konci října a bude už páté v řadě, které společnost provozuje.

„Díky tomuto kroku zlepšíme dostupnost doručovacích oken během dne pro naše zákazníky, nabídneme také 15minutová doručovací okna i expresní dodávky za 60 minut. Standardní dobu doručení zkrátíme na pouhé 3 hodiny,“ uvádí Martin Beháň. Právě tuhle možnost zatím mohli využívat jen zákazníci v Praze a jejím okolí a pak v Brně, jak Beháň zmiňuje v podcastu.

A máte představu, jak často aktivní zákazníci nakupují, kolik udělají v průměru do měsíce objednávek?

V průměru jsou to přes tři objednávky měsíčně. Ale liší se to. Někteří hodně loajální zákazníci s námi nakupují desetkrát až dvacetkrát. A pak jsou ti, kteří nakupují jednou dvakrát do měsíce. Poměrově je to zhruba tak, že třetina nakupuje u nás tak jednou dvakrát do měsíce, zhruba třetina tak dvaapůlkrát do měsíce a zbytek je pak hodně nad.

Už jste naznačil, že hodně objednávek dělají především velká města jako Praha, Brno, Ostrava. Dá se to vyjádřit poměrem?

Velká města samozřejmě dělají velkou část objednávek, ale neřekl bych, že jsou úplně dominantní. U nás se to těžko posuzuje, protože pro nás Praha není jenom Praha, ale je to Praha plus velké okolí, kdy jsme schopni naše služby poskytovat v té nejvyšší kvalitě. Tím myslím, že jsme tam schopni dovést expres objednávku do šedesáti až devadesáti minut. Stejně to platí i pro Brno, tedy pro Brno a jeho okolí. A pak máme vzdálenější oblasti jako Plzeň nebo severní Čechy, Karlovy Vary a Ostrava. V každé té oblasti máme trošku jiný model. Někde to vozíme z přímo z Prahy, někde to překládame.

Lze říct, co si nejvíc lidé u vás objednávají, jestli to je základní spektrum potravin, nebo nějaké speciality?

Největší zájem je o čerstvé potraviny a pak o trvanlivé potraviny. Tento sortiment s námi nakupuje skoro každý zákazník. Jiná situace je v nepotravinách u drogérie nebo kosmetiky. Tam máme penetraci u zákazníků výrazně nižší.

Čerstvé potraviny vedou, protože jimi jsme unikátní. Jsme je schopni nabídnout za ceny kamenných obchodů a naší konkurence. Jedná se o základní potraviny i o značky, které každý zná, jako je třeba Hollandia nebo Danone. Zároveň ale máme velké zastoupení sortimentu ve značkách, které standardně nekoupíte. Nebo by vás to stálo moc úsilí. Jako jediní třeba prodáváme Vraňanské jahody, pro které byste jinak musel jet do Vraňan, abyste si je koupil. Nebo pokud byste chtěl borůvky od pana Rodena, které my prodáváme, tak nikde jinde je nekoupíte.

Tím, že podporujeme malé farmáře, jsme schopní nabídnout lepší kvalitu a rychlejší servis. Třeba borůvky od pana Rodena jsme schopní mít u zákazníka zhruba za šest hodin, kdy byly sklizené.

Jak ustát rychlý růst i krizi?

Martin Beháň bude jedním z řečníků konference E-Business Forum 2023, která se uskuteční 26. září 2023 v Praze. Společně s dalšími osobnostmi tuzemské e-commerce scény bude debatovat právě o tom, jak nenechat potopit váš e-shop, ale i jak ustát abnormální růst, na který firma není připravena. Vstupenky si můžete zakoupit zde.

Jak si na tom vedou vaše privátní značky?

Za poslední rok se ekonomická situace zcela zásadně změnila, máme tady obrovskou inflaci a zdražila se energie. My jsme to také vnímali a zákazníci byli daleko obezřetnější. A někteří se rozhodli, že zváží, kolik investují do jednotlivých nákupů.

Privátní značka se vyznačuje tím, že většinou jde o produkt v nižší cenové kategorii, ale my jsme i tak schopni nabídnout třeba plnotučné mléko, které má jako jediné, když nebereme selská mléka, obsah tuku 3,8 % za cenu plnotučného mléka, které se nabízí v kamenném obchodě.

Privátní značky každopádně dál rozšiřujeme. Za poslední rok se nám jejich podíl zvedl z nějakých 9 procent na 12 procent. Pravidelně každý kvartál rozšiřujeme portfolio našich privátních značek o desítky produktů. Jako poslední to bylo třeba krmivo pro zvířata. Předtím jsme představili značku Kitchin, což jsou základní trvanlivé potraviny. Chtěli bychom mít postupně privátní značku ve všech kategoriích, kde to má význam, tedy kde je objem prodaného zboží dostatečný, aby to dávalo smysl pro nás i pro dodavatele.

Už jste zmínil, kam všude dovážíte. Podle mapy pokrytí, kterou máte na webu, je ale stále řada bílých míst, třeba jižní Čechy nebo severovýchod země, kde nejste. Váš konkurent Košík se přitom chlubí, že dováží po celém území České republiky. Kolik je tedy vaše aktuální pokrytí?

Myslím, že dnes jsme někde kolem 65 procent. On by nebyl problém zavážet celou republiku, byli bychom to schopni udělat v podstatě zítra. Ale my si říkáme, že chceme naši službu nabídnout v maximální možné kvalitě. Nechceme limitovat sortiment a nechceme omezovat zákazníka tím, že mu nákup dovezeme až další den a v časovém oknu čtyř hodin. To je cesta, jakou by se k tomu dalo dojít. Je to nejjednodušší. Ale my jsme unikátní servisem a že když už něco otevřeme, tak chceme zaručit, že náš zákazník dostane službu ve stoprocentní kvalitě.

MM Influenceři

Proto jsme zatím na šedesáti pěti procentech. Ale brzy oznámíme něco většího a měli bychom se výrazně posunout. Určitě nějaká bílá místa zůstanou, hlavně to bude v jižních Čechách. Důvod je takový, že denzita obyvatelstva je tam taková, že jde o veliké území a máte víc bodů, kde nežije tolik lidí na jednom místě. A my bychom byli nuceni prodlužovat závozová okna, abychom to byli schopni efektivně rozvážet. V těch místech proto aspoň používáme formu Rohlík Pointů.

A pak je tam ještě malý kousek na severovýchodě Česka, který velice brzy pokryjeme. Počítáme s tím, že tyto Vánoce už bude mít osmdesát procent obyvatel možnost na Rohlíku nakoupit.

Co dalšího v podcastu uslyšíte?

  • Jaký další sortiment hodlá Rohlík svým zákazníkům nabídnout?
  • Jaké jsou zkušenosti s pekárnou, kterou letos firma otevřela ve svém distribučním centru v Chrášťanech?
  • Co brání, aby firemní flotila jezdila už jen na elektřinu?
  • Jaké jsou zkušenosti s Rohlík Pointy?

  • 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

Seriál: Rozhovory
Neutrální ikona do widgetu na odběr článků ze seriálů

Zajímá vás toto téma? Chcete se o něm dozvědět víc?

Objednejte si upozornění na nově vydané články do vašeho mailu. Žádný článek vám tak neuteče.


Autor článku

Autor je od ledna 2018 ředitelem médií vydavatelství Internet Info. Předtím 6 let vedl zpravodajskou sekci portálu iDNES.cz, ještě předtím byl několik let reportérem celostátní redakce MF DNES. Občas si rád něco napíše.

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