Antihistaminika se používají při léčbě alergie. Která jsou vhodná pro dospělé a jaká pro děti a těhotné ženy?

28. 9. 2021 8:00
přidejte názor
Autor: Shutterstock

Antihistaminika jsou skupinou léčiv, která se používají pro mírnění příznaků alergické reakce. Existuje hned několik druhů těchto přípravků, které se od sebe liší jak účinkem, tak výskytem vedlejších příznaků. Jaké generace antihistaminik známe, o jaké konkrétní přípravky se jedná a které z nich jsou vhodné i pro děti a těhotné ženy?

Když se řekne antihistaminikum, většině lidí se pravděpodobně vybaví alergická reakce, konkrétně pak snaha o její zklidnění. Koneckonců, právě k tomuto účelu se antihistaminika běžně užívají. Přesněji mají schopnost zablokovat účinek sloučeniny známé jako histamin, která za příznaky alergických reakcí stojí.

Co je to histamin?

Abychom mohli správně pochopit funkci antihistaminik, musíme se nejprve podívat na to, co je histamin a jak funguje. Jak už zaznělo výše, jedná se o mediátor časté imunitní odpovědi organismu. Řadíme jej mezi takzvané autakoidy, což jsou látky endogenního původu. Tyto „lokální hormony“ jsou známé krátkodobým působením v blízkosti svého vzniku a jsou zcela nezávislé na krevní cirkulaci.

Konkrétně histamin se podílí na celé řadě fyziologických pochodů, přičemž ne všechny byly doposud dostatečně objasněny. Působí například na hladké svalstvo, čímž způsobuje třeba intenzivní kontrakce dělohy, stimuluje sekreci žaludeční šťávy a rozšiřuje cévy, díky čemuž snižuje krevní tlak. V centrální nervové soustavě zastává roli neuromediátoru, kde mimo jiné potlačuje zvracení, závratě a kinetózu. Histamin se dále vyskytuje také v bílých krvinkách, mastocytech, brzlíku či kostní dřeni. Hraje významnou roli při trávení tuků, tvorbě krve a hojení ran. Napomáhá rovněž regulovat rytmus den/noc.

Ačkoli je histamin pro funkci organismu naprosto nezbytný, jeho nadměrným uvolňováním dochází v těle k celé řadě nepříjemných procesů, typicky například k zúžení průdušek či výskytu kopřivky. Jeho zvýšená hladina ale může vyvolat také poruchy srdečního rytmu či nervových cest. Důsledkem je také celá řada dalších typických projevů zánětlivé a alergické reakce, v jejíž časné fázi je histamin součástí komplexního působení dalších mediátorů a cytokinů, jejichž význam u některých chorob převažuje. Typickým příkladem jsou třeba leukotrieny u astmatu. Dominantní úlohu má histamin také při alergické rýmě a kopřivce, zejména pak v jejich počátečních fázích.

Histamin je částečně produkován přímo v organismu, nachází se ale i v některých potravinách, typicky jej najdeme ve fermentovaných produktech anebo v potravinách, ve kterých hraje fermentace nějakou roli. Hojně se vyskytuje například v:

  • zrajících sýrech,
  • uzených a na vzduchu sušených klobásách či masných výrobcích,
  • kysaném zelí, špenátu či nakládané zelenině,
  • čokoládě,
  • červeném víně, svrchně kvašených pivech, sudově stárnoucím alkoholu,
  • ořeších.

Kromě potravin, které histamin přímo obsahují, je třeba dávat pozor také na ty, které způsobují, že ho tělo více uvolňuje. Mezi tyto potraviny patří:

  • jahody,
  • citrusy,
  • kiwi,
  • mořské plody,
  • mléko.

Histaminové receptory

Jak už z výše popsaného vyplývá, histamin v těle působí na mnoha různých místech, a to podle toho, na jaké histaminové receptory se váže. H1 receptory se vyskytují především v cévách, hladké svalovině a na nervových zakončeních. Při navázání histaminu na tyto receptory tedy vznikají typické alergické reakce, jako jsou:

Kromě toho ovlivňuje histamin také činnost srdce a buněk žaludeční sliznice, a to prostřednictvím H2 receptorů, přičemž díky H3 receptorům má vliv rovněž na činnost centrální nervové soustavy. Tyto oblasti se pak v roce 2000 rozšířily na kostní dřeň, plíce, játra, střeva, brzlík, slezinu a tonzily, kde histamin působí prostřednictvím vazby s H4 receptory.

Antihistaminika

Na základě vazeb s H receptory byla vyvinuta specifická antihistaminika tak, aby uvolňovala vždy pouze určitý typ receptoru a nedocházelo k aktivaci všech najednou.

Antihistaminika 1. generace

První se na světovém trhu začala ve 40. letech minulého století objevovat antihistaminika 1. generace (H1 antihistaminika). Postupem času se ale ukázalo, že jejich účinek není vůči H1 receptorům zcela selektivní a naopak jej ve značné míře přesahoval přes hematoencefalickou bariéru. Důsledkem toho byla široká škála vedlejších účinků, a to především:

  • únava, spavost,
  • zhoršení koncentrace,
  • suchost sliznic,
  • zahuštění hlenu v bronchiálním stromu.

Z antihistaminik této generace se v dnešní době stále používají například sloučeniny bisulepin, ketotifen či dimentiden. Patří sem ale mimo jiné také sloučenina moxastin, která je velmi oblíbená při léčbě kinetózy, anebo promethazin.

Do této skupiny antihistaminik patří například léky:

  • Dithiaden,
  • Fenistil,
  • Kinedryl,
  • Prothazin.

Antihistaminika 2. generace

Antihistaminika 2. generace (H2 antihistaminika) představují selektivní H1 reverzní agonisty s prodlouženou dobou účinku, které pronikají minimálně hematoencefalickou bariérou. Na rozdíl od 1. generace tedy nemají sedativní účinek, kromě toho se liší tím, že inhibují syntézu a uvolňování mediátorů z žírných buněk a bazofilů. Tlumí produkci prostaglandinů a leukotrienů, omezují migraci eozinofilů a jejich chemotaxi. Potlačují expresi adhezivních molekul na povrchu buněk. Díky tomu je jejích působení komplexnější, přispívá přitom také k potlačení příznaků bakteriálního i virového zánětu.  

Antihistaminika 2. generace lze rozdělit na systémová, kam patří sloučeniny cetirizin, loratadin, fexofenadin a rupatadin, a lokální, což je levocabastin, azelastin a olopatadin.

Mezi antihistaminika 2. generace patří třeba:

  • Alerid,
  • Analgerin,
  • Zyrtec,
  • Zodac,
  • Fonidan,
  • Claritine.

Antihistaminika 3. generace

Mezi léky proti alergii, které mají jen minimum nežádoucích účinků, se pak řadí antihistaminika 3. generace (H3 antihistaminika). Patří sem sloučeniny levocetirizin, desloratadin a bilastin.

Mezi léky, které se řadí k antihistaminikům 3. generace, patří:

  • Cezera,
  • Zenaro,
  • Xyzal,
  • Aerius,
  • Xados.

Antihistaminika u dětí

Zajímá vás, jaká existují antihistaminika pro děti? Možností je dnes celá řada. V lékárně lze sehnat volně prodejná antihistaminika v podobě sirupů a kapek, které jsou zpravidla vhodné pro děti od 6 let. Často se ale jedná o celkově působící léky, u mladších dětí je proto nutné jejich užívání nejprve zkonzultovat s lékařem.

Myslete rovněž na to, že v případě požití antihistaminik první generace se u dětí mohou objevit opačné projevy oproti těm, které se vyskytují u dospělých. Jedná se například o neklid, nespavost a třes. Kromě toho mohou malé pacienty potrápit také pocity sucha v ústech či bušení srdce

Mezi vhodné přípravky pro děti patří:

  • Fenistil kapky – od 1 roku (kojenci na doporučení lékaře),
  • Psilo-Balsam – od 2 let,
  • Zodac sirup – od 2 let,
  • Vibrocil kapky – od 1 roku,
  • Zyrtec kapky – od 2 let,
  • Analergin neo – od 6 let.

Antihistaminika v těhotenství

V těhotenství lze již od prvního trimestru užívat nosní kortikosteroidní spreje, a to v nejnižší účinné dávce. Jedná se například o Tinkair a Nasonex. Od počátku těhotenství lze rovněž užívat kromony, konkrétně ve formě očních kapek a nosních sprejů. Patří sem například Allergocrom či Cromohexal.

Co se týče tablet, od 2. trimestru mohou gravidní ženy užívat antihistaminika 2. generace. Z antihistaminik starší generace mohou těhotné po konzultaci s lékařem sáhnout také po Prothazinu či Zaditenu. S podáním antihistaminik 3. generace v těhotenství jsou lékaři zatím opatrní. Jejich účinky na gravidní ženy zatím nebyly dostatečně prozkoumány. Výjimečně lze pak užít také lokální dekongestiva v kapkách, tedy Olynth, Otrivin, Sanorin či Nasivin. Pro těhotné ženy tyto přípravky ale obecně spíše vhodné nejsou.

Jak užíváte antihistaminika?

Dávkování antihistaminik

Většina léků na alergie je volně prodejná. Antihistaminika bez předpisu seženete zpravidla v podobě balení do 30 tablet. Antihistaminika na předpis se většinou prodávají v balení 50 tablet. Kromě toho jsou ale k dispozici také ve formě mastí, roztoků a sirupů.

Co se týče dávkování, tam záleží na druhu léku. Zatímco antihistaminika 1. generace se doporučuje užívat hlavně na noc, protože mají sedativní účinek, léky 2. generace, kam patří například Zodac nebo Zyrtec, pacienti užívají jednou denně, a to nezávisle na denní době. Ospalost po aplikaci těchto léčiv by se totiž vyskytovat neměla. Je ale třeba zohlednit vnímavost, která může být u každého jedince jiná. V případě antihistaminik 3. generace je dávkování obdobné.

Trochu jiné dávkování se pak aplikuje u lokálně působících antihistaminik, jejichž účinek se dostavuje do několika minut. U očních kapek a nosních sprejů Livostin se například doporučuje jedna kapka dvakrát denně do každého oka, anebo jedno vstříknutí dvakrát denně do každé nosní dírky.  To samé platí pro přípravek Allergodil, který se používá ke stejnému účelu. Myslete na to, že lokální antihistaminika by se neměla používat déle než dva týdny.

Přírodní antihistaminika

Trápí vás příznaky alergie, ale zároveň odmítáte užívat léky? V tom případě sáhněte po bylinkách, které při léčbě alergií hrají důležitou roli. Pomoci vám může například:

  • andělika čínská: používá se jako antihistaminikum a je protizánětlivá,
  • světlík lékařský: pomáhá při svědění očí, kýchání a přebytku hlenu,
  • gingko biloba: obsahuje bioflavonoidy a používá se jako antioxidant,
  • ostropestřec mariánský: pomáhá snižovat alergické, zánětlivé a histaminové reakce a podporuje funkci jater,
  • jetel luční: pomáhá budovat odolnost těla vůči alergiím,
  • kopřiva dvoudomá: protizánětlivá bylina, která se používá jako antihistaminikum,
  • kurkuma: je známá pro regenerační účinky a používá se k léčbě mnoha problémů, včetně respiračních onemocnění.
  • šišák bajkalský: jeho části mají antibakteriální, antivirové, protizánětlivé a močopudné účinky.

Své místo má při léčbě alergie také česnek, který vykazuje antioxidační, antimikrobiální, protizánětlivé, antivirové a imunitně stimulující účinky. Pomoci pak může také křen selský, jenž byl tradičně používán pro dýchací obtíže a je dobře známý pro svou štiplavou chuť a odbarvovací účinek.

Zdroje: praktickelekarstvi.cz, klinickafarmakologie.cz, stefajir.cz

  • Žádné názory
  • Našli jste v článku chybu?
'; 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'; } }
'; 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 »