https://www.comparethecloud.net/ctc-p.js

1"use strict";(()=>{var w=`
2.ctc-card{--ad-accent:#0077B6;display:block;border:1px solid #e4e4e7;border-radius:16px;overflow:hidden;background:#fff;font-family:var(--font-body,Inter,system-ui,sans-serif)}
3.ctc-card__label{display:block;padding:6px 14px 0;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#71717a}
4.ctc-card__creative{display:block;text-decoration:none;color:inherit}
5.ctc-card__media{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0f172a,#1e3a5f)}
6.ctc-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:0}
7.ctc-card__media--video{background:#0f172a}
8.ctc-card__media--video ctc-player{position:absolute;inset:0;display:block}
9.ctc-card__body{padding:14px 16px 18px}
10.ctc-card__sponsor-logo{height:24px;width:auto;margin-bottom:8px;display:block}
11.ctc-card__headline{margin:0 0 4px;font-family:var(--font-display,"Plus Jakarta Sans",Inter,system-ui,sans-serif);font-weight:800;font-size:1.02rem;line-height:1.3;color:#18181b}
12.ctc-card__desc{margin:0 0 10px;font-size:.92rem;line-height:1.5;color:#52525b}
13.ctc-card__cta{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--ad-accent)}
14.ctc-card__creative:hover .ctc-card__cta,.ctc-card__creative:focus-visible .ctc-card__cta{text-decoration:underline}
15.ctc-card__creative:focus-visible{outline:2px solid var(--ad-accent);outline-offset:-2px}
16.ctc-card--banner:not(.ctc-card--video) .ctc-card__creative{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch}
17.ctc-card--banner .ctc-card__media{aspect-ratio:auto;min-height:180px}
18.ctc-card--banner .ctc-card__body{align-self:center}
19.ctc-card--sidebar{max-width:360px}
20.ctc-card--inline{margin:2rem 0}
21.ctc-card--native{height:100%}
22.ctc-card--videobox{position:relative;height:100%;border:0;border-radius:inherit;background:#0f172a}
23.ctc-card--videobox .ctc-card__label{position:absolute;top:10px;left:10px;z-index:2;padding:3px 9px;border-radius:100px;background:rgba(15,23,42,.72);color:#e2e8f0}
24.ctc-card--videobox .ctc-card__creative,.ctc-card--videobox .ctc-card__media{position:absolute;inset:0;aspect-ratio:auto}
25.ctc-card--videobox .ctc-card__body{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 16px;background:linear-gradient(transparent,rgba(15,23,42,.88))}
26.ctc-card--videobox .ctc-card__headline{color:#fff}
27.ctc-card--videobox .ctc-card__desc{color:#cbd5e1;margin-bottom:10px}
28.ctc-card--videobox .ctc-card__cta{padding:8px 16px;border-radius:100px;background:var(--ad-accent);color:#fff}
29.ctc-card--videobox.ctc-card--video .ctc-card__body{display:none}
30@media (max-width:720px){.ctc-card--banner .ctc-card__creative{grid-template-columns:1fr}.ctc-card--banner .ctc-card__media{aspect-ratio:16/9;min-height:0}}
31@media (prefers-color-scheme:dark){html.dark .ctc-card{background:#0f172a;border-color:#1e3a5f}html.dark .ctc-card__headline{color:#f4f4f5}html.dark .ctc-card__desc{color:#a1a1aa}}
32`,o=(e,c)=>{e.append(c)},g=()=>{if(document.querySelector("#ctc-p-style"))return;let e=document.createElement("style");e.id="ctc-p-style",e.textContent=w,o(document.head,e)};var S=4,A=1e3,p=document.currentScript,f=p instanceof HTMLScriptElement&&p.src?new URL(p.src).origin:location.origin,E=()=>{try{let e=sessionStorage.getItem("ctc_ads_seen"),c=e?JSON.parse(e):{};return Object.keys(c).filter(t=>c[t]>=S)}catch{return[]}},h=e=>{if(e.length!==0)try{let c=sessionStorage.getItem("ctc_ads_seen"),t=c?JSON.parse(c):{};for(let r of e)t[r]=(t[r]??0)+1;sessionStorage.setItem("ctc_ads_seen",JSON.stringify(t))}catch{}},d=async(e,c)=>{let t=JSON.stringify({e,t:c}),r=`${f}/api/p/event`;try{await fetch(r,{body:t,credentials:"omit",headers:{"Content-Type":"application/json"},keepalive:!0,method:"POST",mode:"cors"})}catch{}},y=async(e,c,t)=>{let r=new URLSearchParams({path:location.pathname,pt:c,slots:e.join(",")});t&&r.set("cat",t);let i=E();i.length&&r.set("x",i.join(","));let n=await fetch(`${f}/api/p/serve?${r}`,{credentials:"omit",mode:"cors"});return n.ok?n.json():{}},a=(e,c,t)=>{let r=document.createElement(e);return r.className=c,t&&(r.textContent=t),r},b=!1,T=()=>{if(b||customElements.get("ctc-player"))return;b=!0;let e=document.createElement("script");e.src=`${f}/ctc-player.js`,e.defer=!0,o(document.head,e)},L=e=>{if(e.kind==="video"&&e.video){T();let c=document.createElement("ctc-player");c.setAttribute("src",e.video),c.setAttribute("title",e.headline??"Video"),e.href&&(c.setAttribute("cta-url",e.href),c.setAttribute("cta-text",e.cta??"Find out more"),c.toggleAttribute("cta-sponsored",e.sponsor!==null));let t=a("div","ctc-card__media ctc-card__media--video");return o(t,c),t}if(e.image){let c=a("div","ctc-card__media"),t=a("img","");return t.src=e.image,t.alt=e.alt??"",t.loading="lazy",t.decoding="async",o(c,t),c}return null},M=e=>{if(!e.headline&&!e.body&&!e.cta&&!e.sponsor)return null;

32let c=a("div","ctc-card__body");if(e.sponsor?.logo){let t=a("img","ctc-card__sponsor-logo");t.src=e.sponsor.logo,t.alt=e.sponsor.name,t.loading="lazy",o(c,t)}return e.headline&&o(c,a("p","ctc-card__headline",e.headline)),e.body&&o(c,a("p","ctc-card__desc",e.body)),e.cta&&e.href&&o(c,a("span","ctc-card__cta",`${e.cta} \u2192`)),c},P=(e,c)=>{let t=a("aside",`ctc-card ctc-card--${c} ctc-card--${e.kind}`);t.dataset.ccId=e.id,t.setAttribute("aria-label",e.label??"Advertisement"),e.label&&o(t,a("span","ctc-card__label",e.label));let r=L(e),i=M(e),n=e.href?a("a","ctc-card__creative"):a("div","ctc-card__creative");return n instanceof HTMLAnchorElement&&e.href&&(n.href=e.href,n.target="_blank",n.rel=e.sponsor?"sponsored noopener":"noopener"),r&&e.kind==="video"?o(t,r):r&&o(n,r),i&&o(n,i),o(t,n),t},_=new WeakMap,v=new WeakSet,x=new WeakMap,k="IntersectionObserver"in window?new IntersectionObserver(e=>{for(let c of e){let{target:t}=c;v.has(t)||(c.isIntersecting?_.set(t,window.setTimeout(()=>{v.add(t),k?.unobserve(t);let r=x.get(t);r&&d("imp",r)},A)):window.clearTimeout(_.get(t)))}},{threshold:.5}):null,R=(e,c)=>{x.set(e,c.token),k?.observe(e);let t=!1;e.addEventListener("ctc-player",r=>{let i=r instanceof CustomEvent?r.detail?.type:void 0;i==="play"&&!t?(t=!0,d("vs",c.token)):i==="complete"&&d("vc",c.token)})},m=async()=>{let e=[...document.querySelectorAll("[data-ctc-slot]:not([data-ctc-state])")];if(e.length===0)return;let c=new Map;for(let n of e){n.dataset.ctcState="loading";let s=(n.dataset.ctcSlot??"").toLowerCase();s&&!c.has(s)?c.set(s,n):n.dataset.ctcState="empty"}let[t]=e,r={};try{r=await y([...c.keys()],t.dataset.pt??"unknown",t.dataset.cat??null)}catch{r={}}g();let i=[];for(let[n,s]of c){let l=r.ads?.[n];if(!l){s.dataset.ctcState="empty";continue}let u=P(l,n);s.replaceChildren(u),s.dataset.ctcState="filled",i.push(l.id),R(u,l)}h(i)},H=async e=>{let t=(await y([e.slot??"preroll"],e.pageType??"unknown",e.category)).ads?.[e.slot??"preroll"];return t?.video?(h([t.id]),{clickHref:t.href??"",label:t.sponsor?.name??t.label??"Advert",report:r=>{r==="start"?(d("imp",t.token),d("vs",t.token)):r==="complete"&&d("vc",t.token)},skipAfter:5,src:t.video}):null},I=()=>{if(document.readyState!=="loading"){m();return}document.addEventListener("DOMContentLoaded",()=>{m()},{once:!0})};window.ctcAds?.refresh?window.ctcAds.refresh():(window.ctcAds={preroll:H,refresh:()=>{m()}},I());})();