Martin Komora (Allegro): Prodává přes nás už kolem dvaceti tisíc obchodníků

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

Sdílet

Marketingový ředitel společnosti Allegro
Autor: Allegro, publikováno se svolením
Marketingový ředitel společnosti Allegro
Tržiště Allegro má za sebou první půlrok fungování v České republice. Nabralo statisíce zákazníků, zároveň ale má i vysokou ztrátu. Přesto je s výsledky podle marketingového šéfa celé skupiny Martina Komory spokojené.

Pro polského e-commerce obra nebylo květnové spuštění tržiště, chcete-li anglicky market place, prvním vstupem do Česka. Allegro tu již před dvěma roky koupilo společnost Mall Group, pod kterou spadají nákupní portály Mall.cz nebo CZC.cz, a logistické firmy WeDo. Přesto bylo spuštění market place od Allegra důkladně sledováno lidmi z e-commerce scény.

Krátce před Allegrem totiž spustila své tržiště i německá společnost Kaufland a čekalo se, jak nová nákupní „centra“ naruší situaci v tuzemském online nakupování. Kaufland koncem října oznámil, že se do jeho tržiště zapojilo přes čtyři tisíce online prodejců, Allegro jich má pětkrát více, jak říká v podcastu pro Lupu Martin Komora, marketingový šéf celé skupiny.

V podcastu mluví i novinkách, které Allegro chystá, nebo o službách pro zákazníky. Část jsme přepsali do textu, celý si ho můžete poslechnout na službách Spotify, Apple Podcast, Google Podcast nebo přímo zde:

Před pár dny jste oznámili, že máte kolem 800 tisíc aktivních uživatelů. Odpovídá to plánům, které Allegro mělo předtím, než na český trh vstoupilo?

Ano, odpovídá to plánům. Jsme s výsledky spokojeni.

Zeptám se na to ještě jinak. Tuzemská e-commerce není v posledních měsících v úplně dobré kondici. Nebyla na straně Allegra nějaká úvaha, že nástup na český trh kvůli tomu pozdržíte?

Ne. Tam už nebylo na co čekat. Byli jsme technologicky připravení a po roce a půl příprav jsme byli přichystaní i s nabídkou tak, abychom mohli na český trh silně vstoupit. A to se podařilo. Nebyly tam žádné plány, že bychom to pozdrželi.

Martin Komora

Má za sebou téměř dvacet let zkušeností s vedením marketingových týmů různorodě zaměřených společností, působil např. v O2, ZOOTu či STRV. Více než tři roky byl marketingovým ředitelem Mall Group, která je dnes již součástí skupiny Allegro. Právě v Allegru nyní zastává pozici marketingového ředitele celé skupiny. Je zodpovědný za marketingové aktivity napříč všemi zeměmi, ve kterých společnost působí. Kromě toho vede také procesy spojené se vstupem skupiny na nové trhy, kde se stará především o tvorbu cen a šíře nabídky, marketing i další aktivity zacílené na kvalitu zákaznické zkušenosti. 

Jak vůbec vnímáte situaci v tuzemské e-commerce? Podle srovnávače Heureka opět ve třetím čtvrtletí meziročně poklesl objem online obchodů.

Ano, o 11 procent. Ale vnímáme to tak, že se to dotýká každého z retailu, protože lidé nakupují prostě méně. Pro nás je to ale prostor, abychom byli připraveni zákazníkům nabídnout co nejlepší nabídku a vybrali si nás.

V několik dní staré zprávě finanční ředitel celé skupiny Allegro řekl, že jste extrémně spokojení, jak se vstup na český trh podařil. Zároveň ale ve stejné prezentaci zaznělo, že za poslední kvartál máte na českém trhu ztrátu 561 milionů korun a celkově dosáhla ztráta už 1,5 miliardy korun. Jak se to dá chápat? Tohle nevypadá na extrémně jasný úspěch.

Je třeba si uvědomit, že vstup takhle velkého hráče, který má vysoké ambice, je spojený s velkými investicemi. To je odpověď na vaší otázku. My jsme s takovými investicemi dopředu počítali, měli jsme na to připravené peníze. Důležité ale pro nás je, že se daří dosahovat cílů, jak jsme si je naplánovali. Růst společnosti v Čechách je takový, jaký jsme předpokládali.

Existuje nějaká vize, kdy se to zlomí? Chápu, že potřebujete investovat hlavně do inzerce, měli jste rozsáhlou kampaň. Určitě ale máte prognózu, jak se hospodaření firmy bude vyvíjet příští nebo přespříští rok.

Máme propočítané, kdy by ten break event měl přijít. Je to několik parametrů, které se samozřejmě musí dostat do takové konstelace, jakou jsme si představovali. V řádu několika roků to pochopitelně máme. Nemáme to tak, že bychom se na to dívali krátkodobě, je to dlouhodobá investice.

Vaše kampaň po vstupu na český trh byla nejdřív směřována na obchodníky, na e-shopy, abyste jich na Allegru měli zapojených co nejvíc. Kolik jich nyní je?

V tuhle chvíli na českém Allegru prodává kolem dvaceti tisíc obchodníků. V porovnání s polskou platformou je to výrazně méně. Ale kontinuálně hledáme další obchodníky, kteří by dokázali pokrýt nabídku, která je relevantní pro český trh. Je jedno, zda to jsou velcí obchodníci, nebo i startupy. Každý u nás může prodávat.

Dvacet tisíc obchodníků znamená dvacet tisíc českých e-shopů?

Ne, to je celkové číslo. Jsou tam i obchodníci z Polska. Přesný počet zastoupených českých obchodů vám říct nemůžu, jsme ale už okolo jednotek tisíc a je tam rostoucí trend.

Martin Komora, marketingový ředitel polské skupiny Allegro

Martin Komora, marketingový ředitel polské skupiny Allegro

Autor: Allegro, publikováno se svolením

Je nějaký segment, který je tam v případě českých e-shopů zastoupený víc?

My to takhle nerozlišujeme. Samozřejmě jsou kategorie, které jsou víc žádané, a naopak ty, o které je menší zájem. Ale u nás má možnost zákazník si vybrat, jestli nakoupí u polského, nebo českého obchodníka. Polští obchodníci ale mají třeba větší podíl v segmentu auto-moto, dokáží mít fantastickou nabídku, které se dá v Česku těžko konkurovat.

O co mají největší zájem vaši čeští zákazníci?

Nejžádanější jsou určitě oblasti, jako jsou elektro, home nebo právě auto-moto.

Na začátku jsme zmiňovali, že máte osm set tisíc českých uživatelů, zároveň se ale na internetu dají najít kritické hlasy k tomu, jak Allegro funguje. Vy jste sice především zprostředkovatelem obchodu, ale kritika pak padá na vaší hlavu. Jak kritiku vnímáte?

Jsme sice spokojení s výsledky v oblasti prodeje a podobně, ale při takových objemech transakcí, které u nás probíhají, vidíme, že nejsme úplně všude dokonalí, což je úplně normální. Český zákazník byl zvyklý na jiný byznys model, než který má Allegro. Nás si můžete představit jako virtuální galerii, kde v jednu chvíli prodávají desetitisíce obchodníků. Na jedné straně se tomu dá těžko konkurovat, co se týká nabídky a ceny, na druhé straně chápeme, že máme slabší pozici v rámci některých aspektů, které zákazníci vyžadují. A je to naše kontinuální práce, abychom tyto věci adresovali.

Takže ano, jsou nějaké negativní reakce. Není jich hodně, díky bohu. Pokud jde o poměr, tak na Heurece je to v řádu deset až dvanáct procent negativnějších reakcí a všechny se snažíme podrobně řešit s naším customer care teamem. Pracujeme na tom, abychom tyto případné problémy správně vyřešili. Může se to týkat třeba dopravy. V případě, že si zákazník vybere zboží od obchodníka z Polska, tak tam skutečně může doprava trvat delší dobu. Ale pracujeme na tom, abychom to urychlili. Spustili jsme nyní třeba hybridní dopravu Allegro Delivery, kde se o každý úsek v dopravě stará jiný přepravce, a začíná to fungovat velmi dobře.

Co je ale nejdůležitější, zákazník je v případě jakýchkoli problémů stoprocentně krytý, protože na Allegro máme službu, která se jmenuje Allegro Protect a je dostupná úplně každému zákazníkovi, který nakoupil – bez ohledu na to, či je registrovaný. Znamená to, že v rámci dvou let od nákupu je zákazník krytý do výše sto tisíc korun, a pokud by měl jakýkoli problém, ať poškozené zboží, nebo třeba zboží, které neodpovídá popisu, tak v tu chvíli kontaktuje nejdříve daného obchodníka, a pokud není spokojen s tím, jak se obchodník k reklamaci postavil, zapojí přímo nás a v případě kladného vyřízení mu my do 48 hodin vrátíme peníze. Každý nákup je zkrátka chráněný.

Co dalšího v podcastu zaznělo?

CIF25_SE_terc

  • Jak Allegro prověřuje kvalitu obchodníků
  • Co všechno si přichystalo na letošní Black Friday
  • Jaké novinky hodlá ještě v Česku zavést
  • Co bude dál s Mall.cz nebo CZC.cz

V podcastu portálu Lupa.cz zpovídáme zástupce české e-commerce, IT scény, mediálních domů i osobnosti z dalších souvisejících oborů. Naposledy jsme mluvili třeba se Sentou Čermákovou, novou výkonnou ředitelkou neziskové organizace Czechitas, nebo s Martinem Jeřábkem, který vede aplikaci Mapy.cz.

  • 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

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 »