Vitalia.cz  »  Rodina  »  Vztahy a sex  »  Sangvinik je zábavný společník, vyhledává nové zážitky. Ale neumí dotahovat věci do konce

Sangvinik je zábavný společník, vyhledává nové zážitky. Ale neumí dotahovat věci do konce

Dana Široká
9. 9. 2024
přidejte názor

Sdílet

Autor: Freepik.com/nensuria
Veselý, živý, upovídaný a zábavný optimista. Tak bývá často popisován jeden z druhů temperamentu známý jako sangvinik. Podle nejstarší typologie temperamentu je jeho elementem vzduch, který symbolizuje nestálost, přelétavost a aktivitu. Sangvinici bývají skvělí společníci a velice dobří zaměstnanci, mohou se ale uchylovat k povrchnímu a nespolehlivému chování.

Kdo je sangvinik?

Co se dozvíte v článku
  1. Kdo je sangvinik?
  2. Vlastnosti sangvinika
  3. Typologie osobnosti

Sangvinik je jeden ze čtyř druhů temperamentu. Každý typ temperamentu má své typické vlastnosti, ale prakticky u žádného člověka se nestane, že by měl rysy výhradně jen jednoho temperamentu. Na čistokrevného sangvinika, cholerika, flegmatika nebo melancholika tudíž jen tak nenarazíte. Většinou se v nás mísí dva či více druhů temperamentů, ale jeden z nich má navrch.

Pokud je někdo z větší části sangvinik, bývá popisován jako stabilní extrovert. Pokud před takového člověka postavíte částečně naplněnou sklenici, optimisticky prohlásí, že je z poloviny plná. Sangvinici mají rádi život a působí ve společnosti otevřeně, živě a nenuceně. [1, 2, 3, 4]

Vlastnosti sangvinika

Oproti jiným typům temperamentu má sangvinik hodně širokou škálu emocí a tím pádem i mnoho možností, jak se může chovat. Má hodně zájmů, neustále potřebuje být v pohybu a zvládne vykonávat hned několik činností najednou. Lidi pracující na vedoucích pozicích a veřejně známé osobnosti mají často jako převažující typ temperamentu právě sangvinika – díky tomu dokážou komunikovat a jsou rádi, když se na ně upírají zraky ostatních. Pro sangviniky je také velice důležitý fyzický kontakt. Doteky a objímání s ostatními lidmi vnímají jako přirozené.

Kladné vlastnosti sangvinika

Sangvinik je rád ve společnosti ostatních lidí a chová se k nim vřele a nadšeně. Snadno navazuje nové vztahy a neustále se usmívá. Prakticky ze všeho si umí udělat legraci a obrátit i trapnou situaci v žert. Sangvinici bývají lační po nových zážitcích a vědomostech. Pokud něco nového zažijí, dokážou o tom poutavě vyprávět. Často si také zachovávají až do dospělosti určitou dětskou důvěřivost, takže mohou působit naivně.

Pro tento typ temperamentu je typická značná dávka kreativity – již malí sangvinici v dětských letech si umí hrát a zabavit se prakticky se vším, co mají po ruce. V dospělosti to představuje velkou výhodu pro zaměstnavatele, kteří hledají tvůrčí, aktivní a průbojné zaměstnance hýřící inovativními nápady. Navíc často vynikají v nejrůznějších kreativních oborech, jako jsou malba, tanec či hudba. Mezi sangviniky najdete také vynikající herce. [5, 6, 7, 8, 9]

Záporné vlastnosti sangvinika

Osobnost sangvinika je plná energie a nestálosti, což se promítá do jeho činů a názorů. Často má rozděláno hned několik věcí najednou, takže může mít problém dotáhnout vše do konce. Pro některé sangviniky bývá hodně náročné koncentrovat se na práci a zůstat v klidu. Navíc se v nich skrývá překvapivá soutěživost – a pokud prohrají, mohou pořádně vybouchnout. V takovýchto chvílích se chovají spíše cholericky. To vše jsou ale vlastnosti, na kterých se dá zapracovat. Pokud se sangvinik naučí větší trpělivosti, pomůže mu to především v jeho pracovním životě.

Tito lidé prožívají většinou povrchně a začnou se hodně rychle nudit. Pokud není život sangvinika naplněný spontaneitou a novými vjemy, bude strádat. Rutina ve vztahu, stereotypní koloběh života a nudní lidé ho doslova dráždí. Sangvinik může vykazovat vyšší sklony k rizikovému chování, což je dáno jeho neustálou touhou po dobrodružství. Někteří tak mohou při nedostatku sebedisciplíny sklouznout na scestí a začít užívat návykové látky, pít velké množství alkoholu nebo si vybudovat závislost na hracích automatech.

Interakce s ostatními a neverbální komunikace

Sangvinika bývá všude plno, což se promítá i do toho, jak se tváří, mluví či chodí. Často a rád se usmívá, jen málokdy skloní hlavu. Jeho mluva bývá rychlá, spontánní a plná gest. Mnohdy tak řekne něco, nad čím se zamyslí až ve chvíli, kdy to vysloví nahlas. Rychlost a nestálost lze najít i v chůzi, která nebývá plynulá. Při setkání s jiným člověkem sangvinik hlasitě a přátelsky pozdraví. Někteří vám při podání ruky nenechají dlaň ani na pár sekund, jiní ji naopak pevně uchopí a nepřestanou s ní třást. Co se týče očního kontaktu, sangvinik s ním problémy rozhodně nemívá. Někdy je jeho pohled hodně upřený až vyzývavý, což nemusí být každému příjemné. [10, 11, 12, 13]

Typologie osobnosti

Prvním člověkem v historii, který se zabýval typologií temperamentu, byl starověký lékař Hippokrates. Definoval typologii podle tělních tekutin, která říká, že každý ze čtyř typů temperamentu je ovlivňován převládající tělní tekutinou:

  • Krev (sanquis): dominuje u sangvinika.
  • Žluč (cholé): dominuje u cholerika.
  • Hlen (flegma): dominuje u flegmatika.
  • Černá žluč (melancholé): dominuje u melancholika.

Další typologie temperamentu, kterou popsal švýcarský lékař Carl Gustav Jung, zohledňuje přístup člověka k okolnímu prostředí. Podle něj se lidé dělí na extroverty a introverty. Extroverti jsou družní, otevření a společenští, cítí se dobře ve větší skupině lidí. Introverti dávají naopak přednost menším sociálním skupinám, mají bohatý vnitřní svět a bývají tišší až uzavření. Na tuto teorii navázal německo-britský psycholog Hans Jürgen Eysenck, který ji obohatil o stabilitu a labilitu:

  • Sangvinik: stabilní extrovert.
  • Cholerik: labilní extrovert.
  • Flegmatik: stabilní introvert.
  • Melancholik: labilní introvert.

Typologií temperamentu se zabýval také německý psycholog Ernst Kretschmer, podle kterého existovala souvislost mezi temperamentem a fyzickou stavbou těla. Definoval čtyři typy postav, pro které jsou charakteristické jedinečné vlastnosti:

  • Astenický typ: jde o štíhlou či slabou postavu s nápadně dlouhými a tenkými končetinami. Astenik je uzavřený a málo přizpůsobivý.
  • Atletický typ: má silné a výrazně osvalené tělo, široká ramena, široký hrudník a menší protáhlou lebku. Povahově se jedná o klidnějšího a přizpůsobivého jedince.
  • Pyknický typ: typický je pro něj nižší vzrůst, krátké končetiny a slabší svalstvo. Mívá sklony k přibírání. Pyknik bývá otevřený a společenský, mohou se u něj střídat nálady.
  • Dysplatický typ: kombinují se v něm vlastnosti tří výše uvedených typů, bývá popisován jako neurčitý, nemá jasně definovanou fyzickou konstituci. [14, 15, 16, 17, 18]

Zdroje: nih.gov, sciencedirect.com, temperamenttest.org, betterhelp.com, psychologia.co, verywellmind.com, cuni.cz, studium-psychologie.cz, rvp.cz, muni.cz

Vstoupit do diskuse

Autor článku

Dana Široká

Dana Široká

Copywriterka na volné noze spolupracující s Vitalia.cz. Po dokončení studia laboratorní diagnostiky ve zdravotnictví pracovala na oddělení klinické biochemie a hematologie.

Související články

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

Anketa

Máte rádi avokádo?

Zobraz výsledek

Mohlo by vás zajímat

Kvíz týdne

Majoránka, bazalka, šalvěj: Ukažte, že z fotek poznáte bylinky používané v kuchyni
1/15 otázek
Spustit kvíz

Nejčtenější články

Domácí lékař

Všechny nemoci

Z našich webů

Dále u nás najdete

Novela: nepřetržitost pracovních poměrů a čerpání dovolené

Linux končí s podporou procesorů 486. Z jádra smaže 14 tisíc řádků

Jsou USA krok od rozpoutání chaosu v Evropě?

Digitální kurzy dotované státem příští rok zdraží

Michal Kraus (Geetoo Technology): Drahý cloud je mýtus

Příběh pětileté Emily stál na začátku úplně nové metody léčby

Co to jsou dohadné položky a proč je nutné o nich účtovat?

Pošli to AlzaBoxem. Alza začala doručovat balíky

Rychlost stahování na xDSL stoupne až na 500 Megabitů

Canva stále více šlape do AI a přidává nové funkce

Jednotné měsíční hlášení dopadne na všechny zaměstnavatele

Podnikatele děsí krádež dat, do zabezpečení ale neinvestují

Z univerzitního projektu do Evropy: Jak čočka dobyla trh snacků

Šest značek ovládá více než polovinu internetového provozu

Madlenka může odložit respirátor. Ale na dárce stále čeká

Vodafone spouští vlastní filmové kanály a nabídne výběr filmů

Jak zajistit vyklizení nemovitosti u problémových nájemců?

Mít pár kilo navíc jako pojistku pro případ vážné nemoci?

Mikýř otestoval, jestli se influenceři nechají pozvat do Číny

Vyplňujete rádi předmět e-mailu? Seznam to teď bude dělat za vás

Najdete na Vitalia.cz

PODCAST: Zachráníme devět dětí z deseti, vývoj jde pořád dopředu, říká profesor
PODCAST
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 »