Na služební cestu vlastním autem: Jaké cestovní náhrady se vás týkají?

23. 1. 2024
Doba čtení: 7 minut

Sdílet

Ilustrační obrázek
Kdy zaměstnavatel musí zaměstnanci proplatit pohonné hmoty i opotřebení vozidla? Kdy se vychází ze skutečně zaplacené ceny na čerpací stanici a kdy z vyhláškových cen? A kdy je nárok jen na cenu jízdenky za vlak či autobus, i když jste jeli vlastním vozem?

I když to vypadá zvláštně, zákoník práce v případě pracovní cesty primárně počítá s tím, že zaměstnanec vyjíždí na pracovní cestu veřejnou čili hromadnou dopravou (ust. § 157). Kupodivu zákon počítá spíše s možností využití taxíku než s cestou vlastním vozidlem zaměstnance nebo služebním vozidlem zaměstnavatele, ale možná měli zákonodárci na mysli jen situaci, když zaměstnanec jede taxíkem třeba z vlakového nádraží někam na odlehlé místo, kam je mimo ranní a odpolední špičku dobré spojení hromadnou dopravou.

Proplacené plné ceny jízdenky dálkové i městské dopravy

Zákoník práce předepisuje, že náhrada jízdních výdajů za použití určeného hromadného dopravního prostředku dálkové přepravy a taxislužby přísluší zaměstnanci v prokázané výši. Zaměstnanec má tedy samozřejmě nárok na proplacení plné ceny jízdenky za autobus nebo vlak. 

Vedle dálkové dopravy může samozřejmě zaměstnanec použít místní (městskou) hromadnou dopravu. I když mnohde v regionech se rozdíl mezi dálkovou a místní dopravou stírá v podobě regionálních dopravních systémů, jako je třeba v Praze a Středočeském kraji PID, IDOL v Libereckém kraji nebo IREDO v Královéhradeckém a Pardubickém kraji apod. 

Náhrada jízdních výdajů za použití místní hromadné dopravy přísluší zaměstnanci také v prokázané výši, tedy na základě předložení jízdenky. Prokazovat cenu jízdného místní dopravy však zaměstnanec nemusí v situaci, kdy jde o pracovní cestu v rámci obce, ve které má zaměstnanec sjednáno místo výkonu práce. Takže když zaměstnanec cestuje z pravidelného místa výkonu své práce na další pracoviště, nemusí předkládat jízdenku. Ostatně třeba cestuje na svou vlastní předplatní jízdenku.

Zaměstnavatel jen souhlasil s jízdou vlastním vozem zaměstnance, nebo o to zaměstnance skutečně požádal?

Vyjede-li tedy zaměstnanec po dohodě se zaměstnavatelem nebo na jeho příkaz na pracovní cestu vlastním vozidlem, má nárok na náhradu výdajů s tím spojených, na cestovní náhrady, a to na proplacení ceny pohonných hmot a na amortizační příspěvek. 

Použije-li zaměstnanec se souhlasem zaměstnavatele místo určeného hromadného dopravního prostředku dálkové přepravy jiný dopravní prostředek, včetně silničního motorového vozidla, s výjimkou vozidla poskytnutého zaměstnavatelem, přísluší mu náhrada jízdních výdajů ve výši odpovídající ceně jízdného za určený hromadný dopravní prostředek.

Ust. § 157 odst. 2 zákoníku práce

Jinak řečeno, i když zaměstnanec pojede vlastním vozem, má nárok jen na cenu jízdenky, jako kdyby jel veřejnou dopravou. 

Je totiž třeba odlišovat situaci, kdy zaměstnavatel jenom souhlasil s tím, že zaměstnanec namísto veřejnou dopravou pojede svým vlastní vozidlem. Pak má zaměstnanec nárok jen na peníze odpovídající ceně jízdenky veřejné dopravy. 

Řekněme, že zaměstnavatel dá pokyn zaměstnanci, aby vyjel do spolupracující firmy v jiné obci vlakem nebo autobusem. Zaměstnanec se dotáže, zda raději může jet pohodlněji vlastním vozidlem. A zaměstnavatel jen mávne rukou a svolí bez bližší dohody nějakými slovy zhruba takto: Ano, jeďte si svým autem. 

Bez výslovného příkazu nebo dohody, že zaměstnanec pojede svým vozem, má zaměstnanec v takové situaci nárok jen na náhradu ve výši jízdného v rámci veřejné hromadné dopravy. K tomu, aby zaměstnanec získal nárok na cenu pohonných hmot a na amortizační příspěvek, musí mít příkaz zaměstnavatele nebo výslovnou dohodu s ním o použití vlastního vozidla pro účely pracovní cesty.

Náhrada opotřebení vozidla a úhrada pohonných hmot

Pokud tedy zaměstnavatel zaměstnance výslovně požádá, aby použil svůj vlastní vůz, tak zaměstnanci přísluší v plné výši za každý ujetý 1 km jízdy základní náhrada (to je onen amortizační příspěvek) a náhrada výdajů za spotřebovanou pohonnou hmotu. 

  • Za použití jednostopého vozidla má zaměstnanec v r. 2023 nárok na náhradu za 1 km jízdy, která činí nejméně 1,40 Kč
  • Za použití osobního silničního motorového vozidla má zaměstnanec nárok na 5,20 Kč za každý ujetý kilometr jízdy. 
  • Při použití přívěsu k silničnímu motorovému vozidlu se sazba základní náhrady za 1 km jízdy zvyšuje nejméně o 15 %, takže přinejmenším na 5,98 Kč

Vyhláška č. 398/2023 Sb. tyto náhrady pro rok 2024 valorizuje. Sazba základní náhrady za 1 km jízdy činí nově pro rok 2024 nejméně u 

  • jednostopých vozidel a tříkolek 1,50 Kč,
  • osobních silničních motorových vozidel 5,60 Kč.

Zvýšení za použití přívěsu a dvojnásobek za nákladní vozy

S 15% navýšením za použití přívěsu tak činí amortizační sazba za 1 km jízdy v r. 2024 6,44 Kč.

Základní náhrada za použití nákladního automobilu, autobusu nebo traktoru činí dvojnásobek sazby pro osobní auto, takže dosud v r. 2023: 10,40 Kč za 1 km jízdy a nově v r. 2024: 11,20 Kč za 1 km jízdy. 

Pokud zaměstnanec použije firemní vozidlo a kupuje za vlastní peníze pohonné hmoty, má nárok jen na náhradu jejich ceny. Pokud však použije firemní kartu na nákup benzínu či nafty do firemního vozidla, poskytování jízdních náhrad samozřejmě odpadá.

Náhrada za spotřebované pohonné hmoty podle vyhlášky nebo podle účtenky

Náhradu za spotřebovanou pohonnou hmotu určí zaměstnavatel násobkem ceny pohonné hmoty a množství spotřebované pohonné hmoty. Cena benzínu, nafty, popř. elektřiny při použití elektromobilu může vyjít ze skutečné nákupní ceny, nebo z průměrné ceny předepsané vyhláškou.

Cenu pohonné hmoty totiž prokazuje zaměstnanec dokladem o nákupu na čerpací stanici, ze kterého je patrná souvislost s pracovní cestou. Musí tedy jít o účtenku za nákup pohonných hmot relativně krátce předcházející pracovní cestě nebo z doby pracovní cesty. Prokazuje-li zaměstnanec cenu pohonné hmoty více doklady o jejím nákupu, ze kterých je patrná souvislost s pracovní cestou, protože něco natankoval dopředu před cestou, něco až při cestě, vypočítá se cena pohonné hmoty pro určení výše náhrady aritmetickým průměrem zaměstnancem prokázaných cen.

Jestliže zaměstnanec hodnověrným způsobem cenu pohonné hmoty zaměstnavateli nákupním dokladem neprokáže, použije zaměstnavatel pro určení výše náhrady průměrnou cenu příslušné pohonné hmoty stanovenou vyhláškou. Zaměstnanec může podkladní doklad ztratit.

V posledních letech se vyhláškové ceny mění i v průběhu roku

Takovou vyhlášku s průměrnými cenami pohonných hmot (i náhrad za použití vozidla) vydává každoročně s novou účinností od 1. ledna kalendářního roku Ministerstvo práce a sociálních věcí. Pokud však ceny vzrostou, popř. i klesnou rovněž v průběhu roku, a to o více než 20 %, vyhlásí ministerstvo ve Sbírce zákonů nové ceny. 

V dřívějších letech postačilo vyhlášení cen vždy jen jednou ročně od počátku roku a ceny pak také po celý rok vydržely ve stejné výši, aspoň v rámci vyhlášky. V posledních letech se však vyhláškové ceny pohonných hmot mění i v průběhu kalendářního roku. Pro rok 2023 platí, resp. platila vyhláška č. 467/2022 Sb., ve znění pozdějších novel, a to vyhlášek č. 85/2023 Sb. a č. 191/2023 Sb. Pro rok 2024 platí nová vyhláška č. 398/2023 Sb., jak už jsme ji zmínili.

Pokud zaměstnanec kupuje pohonnou hmotu, může si vybrat mezi skutečně placenou cenou a vyhláškovou

Vůbec tedy není nutné se řídit vyhláškovými cenami. Zaměstnanec může požadovat proplacení pohonných hmot v cenách, za jaké je skutečně zakoupil, pokud k vyúčtování pracovní cesty připojí doklad o nákupu, z něhož je patrná souvislost s pracovní cestou (zejména časová, tedy nákup v přiměřené době před pracovní cestou nebo během ní). 

Náhradu za spotřebovanou pohonnou hmotu pak určí zaměstnavatel násobkem ceny pohonné hmoty a množství spotřebované pohonné hmoty. Spotřeba pohonných hmot bude počítána podle údajů o spotřebě uvedených ve velkém technickém průkazu použitého vozidla, které je zaměstnanec povinen zaměstnavateli předložit.

Jestliže tyto údaje technický průkaz např. nějakého staršího vozidla neobsahuje, přísluší zaměstnanci náhrada výdajů za pohonné hmoty, jen pokud spotřebu pohonné hmoty prokáže technickým průkazem vozidla shodného typu se shodným objemem válců.

Vyhláškové ceny loňské a aktuální

Vyhláškové průměrné ceny pohonných hmot v r. 2023 činily, a to od 1. ledna:

  • 41,20 Kč za 1 litr benzinu automobilového 95 oktanů,
  • 45,20 Kč za 1 litr benzinu automobilového 98 oktanů,
  • 44,10 Kč za 1 litr motorové nafty, ale od 1. července poklesla cena jen na 34,40 Kč za litr,
  • 6,00 Kč za 1 kilowatthodinu elektřiny, ovšem od 1. dubna 2023 to bylo 8,20 Kč za kilowatthodinu.

Výše průměrné ceny pohonné hmoty podle vyhlášky pro rok 2024 činí nově od 1. ledna:

  • 38,20 Kč za 1 litr benzinu automobilového 95 oktanů,
  • 42,60 Kč za 1 litr benzinu automobilového 98 oktanů,
  • 38,70 Kč za 1 litr motorové nafty,
  • 7,70 Kč za 1 kilowatthodinu elektřiny.

Jak vyúčtovat cestovní náhrady

O tom, jak se postupuje při vyúčtování cestovních náhrad a jejich vyplácení, jsme psali v článku Co musíte udělat, abyste dostali od zaměstnavatele stravné?

A že se nevyplácí podvádět, jsme psali v tomto článku Naúčtoval si o 36 Kč více na jízdném a dostal okamžitý vyhazov.

Jak na zaokrouhlení?

Sazba základní náhrady a průměrné ceny pohonných hmot se zaokrouhlují na desetihaléře směrem nahoru (ust. § 189 odst. 3 zákoníku práce). Jde o zaokrouhlování pro účely normotvorby – výpočet pro vyhlášku a stanovení v ní, tedy pro legislativu při stanovení sazeb cestovních náhrad. Nejde o zaokrouhlování pro výpočet vyplácené náhrady. 

bitcoin_smenarna

Pokud jde o zaokrouhlování v praxi při poskytování cestovních náhrad, to je upraveno v ust. § 183 odst. 3 věty druhé zákoníku práce: Částka (cestovní náhrady), kterou má zaměstnanec zaměstnavateli na základě jím provedeného vyúčtování poskytnuté zálohy vrátit v české měně, se zaokrouhlí na celé koruny směrem nahoru

Dále se zaokrouhlování týká ust. § 183 odst. 5 věty druhé zákoníku práce, podle něhož částka (cestovní náhrady nebo zálohy), kterou má zaměstnavatel zaměstnanci poskytnout v české měně, se zaokrouhlí na celé koruny směrem nahoru.

Autor článku

Nenadávejte právníkům, zákony netvoří zdaleka jen oni. Oni je pak jen zašmodrchávají ve prospěch svých klientů, třeba zrovna vás. Budu se však snažit vám je vysvětlovat.

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