https://app.plobyte.com/assets/ViewSiteReport-Qax8ml0e.js

1import{I as U}from"./InfoButton-CpTrovv8.js";import{_ as F}from"./index-fkRmqJSA.js";import{l as p,ab as j,U as i,F as a,S as t,y as P,M as m,V as n,z as r,N as u,R as f,a as A,Q as z,D as x,a3 as M,P as Q,B as Y,r as J}from"./vue-vendor-B0FapUU6.js";import"./coreui-CQXZRfjj.js";import"./misc-rPSuL5j0.js";import"./utils-DAdIk1ZM.js";import"./charts-Wh1j52IK.js";const w=J(!1),K={name:"ViewSiteReport",components:{InfoButton:U},data(){return{popoverStyle:{"--cui-popover-border-width":"3px","--cui-popover-border-color":"green"},showGeneralSiteProfilePopover:!1,showCampaignMetricsPopover:!1,backdropVisible:!1,showColumnDefinitions:!1,siteReportDoesntExists:!1,siteReportNotReady:!1,siteReport:{},page:1,pageSize:15,loading:w,results:{count:0,rows:[]},recordsWithData:[],recordsWithoutData:[],columns:[{group:"General Site Profile (Desktop/Laptop Experience)",children:[{key:"domain",label:"Site",sorter:!0},{key:"encryptionAndLegal",label:"",sorter:!1,_style:{"min-width":"1em"}},{key:"adDensityPercent",label:"Ad Density",sorter:!0},{key:"averageAds",label:"Avg Ads/Page",sorter:!0},{key:"hasHomepageAds",label:"Homepage Ads",sorter:(o,e)=>o.hasHomepageAds>e.hasHomepageAds?1:e.hasHomepageAds>o.hasHomepageAds?-1:0},{key:"stickyAdsPercent",label:"Sticky Ads",sorter:!0},{key:"registrationDate",label:"Domain Age",sorter:(o,e)=>!o.registrationDate&&!e.registrationDate?0:o.registrationDate?e.registrationDate?o.registrationDate>e.registrationDate?-1:e.registrationDate>o.registrationDate?1:0:-1:1}]},{group:"This section illustrates what you could track if you use the Plobyte tracker in your campaigns. Go to Trackers to learn more.",_props:{style:"color:#f9b115;font-style:italic"},children:[{key:"impressions",label:"Total Impressions",_style:{color:"#f9b115","font-style":"italic","min-width":"12em"}},{key:"invisibleImpressions",label:"Unseen Impressions",_style:{color:"#f9b115","font-style":"italic","min-width":"13em"}},{key:"medianVisibilityDuration",label:"Median View Time",_style:{color:"#f9b115","font-style":"italic","min-width":"15em"}}]}]}},computed:{siteReportId:{get(){return this.$route.params.id}},secureSites:{get(){return this.recordsWithData.filter(o=>o.hasEncryption).length}},homepageAdSites:{get(){return this.recordsWithData.filter(o=>o.hasHomepageAds).length}},medianAdDensityPercent:{get(){const o=this.recordsWithData.map(e=>e.adDensityPercent);return this._median(o)}},medianViewTime:{get(){const o=this.recordsWithData.map(e=>e.medianVisibilityDuration);return this._median(o)}},suggestedSitesToBlock:{get(){return Math.floor(this.siteReport.domainsProfiled*.223)}},simulatedViewTimeIncrease:{get(){return this.medianViewTime*1.6875}},unseenImpressionsPercent:{get(){return .371}}},mounted(){w.value=!0,this.getSiteReport(),this.getSiteReportResults(),this.showPopovers()},methods:{getSiteReport(){this.$http.get("/api/site-reports/"+this.siteReportId).then(({data:o})=>{this.siteReport=o}).catch(o=>{this.siteReportDoesntExists=!0,console.error("ERROR",o)})},getSiteReportResults(){this.$http.get("/api/site-reports/"+this.siteReportId+"/results").then(({data:o})=>{this.results=o,this.recordsWithData=this.results.rows.filter(e=>e.hasData),this.recordsWithoutData=this.results.rows.filter(e=>!e.hasData),w.value=!1}).catch(o=>{this.siteReportNotReady=!0,w.value=!1,console.error("ERROR",o)})},downloadCSV(){this.siteReportId&&this.$http.get("/api/site-reports/"+this.siteReportId+"/results/download").then(o=>{const e=new Blob([o.data],{type:"text/csv"}),g=window.URL.createObjectURL(e),y=document.createElement("a");y.href=g,y.setAttribute("download","site-report.csv"),document.body.appendChild(y),y.click(),document.body.removeChild(y)}).catch(o=>{console.error("Error downloading CSV:",o)})},formatDate(o){return o?new Date(o).toLocaleDateString():"N/A"},formatLargeNumber(o){return!o&&o!==0?"N/A":o.toLocaleString()},formatPercent(o){return!o&&o!==0?"N/A":`${Math.floor(o*100)}%`},formatAge(o){if(!o)return"N/A";const e=new Date-new Date(o);return`${Math.floor(e/31536e6)} years`},formatMilliseconds(o){return!o&&o!==0?"N/A":o<1e3?`${o} ms`:o<12e4?`${Math.floor(o/100)/10} s`:`${Math.floor(o/6e3)/10} min`},_median(o){const e=o.sort((y,s)=>y-s),g=50/100*(e.length-1);if(Math.floor(g)===g)return e[g];{const y=Math.floor(g),s=g-y;return(1-s)*e[y]+s*e[y+1]}},calculateLegalAndEncryptionTooltipString(o){const e=[];return o.hasData?o.hasEncryption&&o.privacyPolicy&&o.termsOfService?"This site has HTTPS encryption, privacy policy, and terms of service":(o.hasEncryption||e.push("HTTPS encryption"),o.privacyPolicy||e.push("privacy policy"),o.termsOfService||e.push("terms of service"),`This site is missing ${e.join(" and ")}`):"No data available"},showPopovers(){localStorage.getItem("hasSeenSiteReportGeneralSiteProfilePopover")?localStorage.getItem("hasSeenSiteReportCampaignMetricsPopover")||(this.showCampaignMetricsPopover=!0,this.backdropVisible=!0,this.$nextTick(()=>{document.querySelector("#siteReportCampaignMetricsPopover").click(),document.querySelectorAll("#siteReportCampaignMetricsTable").forEach(e

1=>{e.style["z-index"]="1070",e.style.position="relative"})})):(this.showGeneralSiteProfilePopover=!0,this.backdropVisible=!0,this.$nextTick(()=>{document.querySelector("#siteReportGeneralSitesPopover").click(),document.querySelectorAll("#siteReportGeneralSitesTable").forEach(e=>{e.style["z-index"]="1070",e.style.position="relative"})}))},closeGeneralSiteProfilePopover(){document.querySelector("#siteReportGeneralSitesPopover").click(),this.showGeneralSiteProfilePopover=!1,localStorage.setItem("hasSeenSiteReportGeneralSiteProfilePopover","true"),this.backdropVisible=!1,document.querySelectorAll("#siteReportGeneralSitesTable").forEach(e=>{e.style["z-index"]=null,e.style.position=null}),this.showPopovers()},closeCampaignMetricsPopover(){document.querySelector("#siteReportCampaignMetricsPopover").click(),this.showCampaignMetricsPopover=!1,localStorage.setItem("hasSeenSiteReportCampaignMetricsPopover","true"),this.backdropVisible=!1,document.querySelectorAll("#siteReportCampaignMetricsTable").forEach(e=>{e.style["z-index"]=null,e.style.position=null}),this.showPopovers()}}},X={key:0,class:"fade offcanvas-backdrop show"},Z={class:"truncated border-end"},$=["href"],ee={key:0},te={key:1},oe={style:{color:"#f9b115","border-color":"#f9b115","border-style":"dashed"},"border-color":"warning"},re={style:{color:"#f9b115","border-color":"#f9b115","border-style":"dashed"},class:"border"},se={style:{color:"#f9b115","border-color":"#f9b115","border-style":"dashed"},class:"border"},le={style:{color:"#f9b115"}},ie={style:{color:"#f9b115"}},ne={style:{color:"#f9b115"}};function ae(o,e,g,y,s,c){const V=p("CAlert"),h=p("CCol"),D=p("CButton"),C=p("CRow"),I=p("InfoButton"),d=p("CTableDataCell"),v=p("CSpinner"),b=p("CTableRow"),_=p("CTableBody"),S=p("CTable"),R=p("CPopover"),E=p("CIcon"),B=p("CSmartTable"),N=p("CCallout"),G=p("COffcanvasTitle"),H=p("CCloseButton"),L=p("COffcanvasHeader"),O=p("COffcanvasBody"),W=p("COffcanvas"),q=p("CContainer"),T=j("c-popover");return i(),a(q,{id:"site-reports",fluid:""},{default:t(()=>[s.backdropVisible?(i(),P("div",X)):m("",!0),s.siteReportDoesntExists?(i(),a(V,{key:1,color:"danger"},{default:t(()=>e[3]||(e[3]=[n("Site Report not found")])),_:1})):m("",!0),s.siteReportNotReady&&!s.siteReportDoesntExists?(i(),a(V,{key:2,color:"danger"},{default:t(()=>e[4]||(e[4]=[n("Site Report has not finished processing. Please come back later or contact Sunghoon at [email protected] for any questions.")])),_:1})):m("",!0),r(C,{class:"justify-content-between"},{default:t(()=>[r(h,{class:"align-self-start"},{default:t(()=>[u("h3",null,"Site Report "+f(s.siteReport.name),1)]),_:1}),r(h,{xs:"auto"},{default:t(()=>[A((i(),a(D,{color:"info",onClick:e[0]||(e[0]=l=>c.downloadCSV())},{default:t(()=>e[5]||(e[5]=[n(" Download CSV ")])),_:1})),[[T,{content:"Actual stats in white only",placement:"bottom",trigger:"hover"}]])]),_:1})]),_:1}),r(I,{type:"siteProfilerSummary"}),r(C,null,{default:t(()=>[r(h,{md:"3",id:"siteReportGeneralSitesTable"},{default:t(()=>[r(R,{placement:"bottom",trigger:"click",style:z(s.popoverStyle),offset:[0,100]},{toggler:t(({id:l,on:k})=>[u("div",x({id:"siteReportGeneralSitesPopover"},M(s.showGeneralSiteProfilePopover?k:{},!0)),null,16),r(S,{hover:"",responsive:"",bordered:""},{default:t(()=>[r(_,null,{default:t(()=>[r(b,null,{default:t(()=>[r(d,null,{default:t(()=>e[6]||(e[6]=[n("Sites Profiled")])),_:1}),s.loading?m("",!0):(i(),a(d,{key:0,class:"text-end"},{default:t(()=>[n(f(s.siteReport.domainsProfiled),1)]),_:1})),s.loading?(i(),a(d,{key:1,class:"text-end"},{default:t(()=>[r(v,{size:"sm"})]),_:1})):m("",!0)]),_:1}),r(b,null,{default:t(()=>[r(d,null,{default:t(()=>e[7]||(e[7]=[n("Secure Sites")])),_:1}),s.loading?m("",!0):(i(),a(d,{key:0,class:"text-end"},{default:t(()=>[n(f(c.secureSites),1)]),_:1})),s.loading?(i(),a(d,{key:1,class:"text-end"},{default:t(()=>[r(v,{size:"sm"})]),_:1})):m("",!0)]),_:1})]),_:1})]),_:1})]),content:t(()=>[e[9]||(e[9]=n(" The information in white in these tables and the table below shows the attributes about each site you uploaded. ")),e[10]||(e[10]=u("br",null,null,-1)),e[11]||(e[11]=u("br",null,null,-1)),r(D,{class:"float-end",color:"success",style:{color:"white","margin-bottom":"10px","font-size":"14px"},onClick:c.closeGeneralSiteProfilePopover},{default:t(()=>e[8]||(e[8]=[n("Got It")])),_:1},8,["onClick"])]),_:1},8,["style"])]),_:1}),r(h,{md:"3",id:"siteReportGeneralSitesTable"},{default:t(()=>[r(S,{hover:"",responsive:"",bordered:""},{default:t(()=>[r(_,null,{default:t(()=>[r(b,null,{default:t(()=>[r(d,null,{default:t(()=>e[12]||(e[12]=[n("Sites with Homepage Ads")])),_:1}),s.loading?m("",!0):(i(),a(d,{key:0,class:"text-end"},{default:t(()=>[n(f(c.homepageAdSites),1)]),_:1})),s.loading?(i(),a(d,{key:1,class:"text-end"},{default:t(()=>[r(v,{size:"sm"})]),_:1})):m("",!0)]),_:1}),r(b,null,{default:t(()=>[r(d,null,{default:t(()=>e[13]||(e[13]=[n("Median Ad Density %")])),_:1}),s.loading?m("",!0):(i(),a(d,{key:0,class:"text-end"},{default:t(()=>[n(f(c.formatPercent(c.medianAdDensityPercent)),1)]),_:1})),s.loading?(i(),a(d,{key:1,class:"text-end"},{default:t(()=>[r(v,{size:"sm"})]),_:1})):m("",!0)]),_:1})]),_:1})]),_:1})]),_:1}),r(h,{md:"3",id:"siteReportCampaignMetricsTable"},{default:t(()=>

1[r(R,{placement:"bottom",trigger:"click",style:z(s.popoverStyle),offset:[0,100]},{toggler:t(({id:l,on:k})=>[u("div",x({id:"siteReportCampaignMetricsPopover"},M(s.showCampaignMetricsPopover?k:{},!0)),null,16),r(S,{hover:"",responsive:"",bordered:""},{default:t(()=>[A((i(),a(_,null,{default:t(()=>[r(b,null,{default:t(()=>[r(d,{style:{color:"#f9b115"}},{default:t(()=>e[14]||(e[14]=[n("Median View Time")])),_:1}),s.loading?m("",!0):(i(),a(d,{key:0,style:{color:"#f9b115"},class:"text-end"},{default:t(()=>[n(f(c.formatMilliseconds(c.medianViewTime)),1)]),_:1})),s.loading?(i(),a(d,{key:1,style:{color:"#f9b115"},class:"text-end"},{default:t(()=>[r(v,{size:"sm"})]),_:1})):m("",!0)]),_:1}),r(b,null,{default:t(()=>[r(d,{style:{color:"#f9b115"}},{default:t(()=>e[15]||(e[15]=[n("Suggested Sites to Block")])),_:1}),s.loading?m("",!0):(i(),a(d,{key:0,style:{color:"#f9b115"},class:"text-end"},{default:t(()=>[n(f(c.suggestedSitesToBlock),1)]),_:1})),s.loading?(i(),a(d,{key:1,style:{color:"#f9b115"},class:"text-end"},{default:t(()=>[r(v,{size:"sm"})]),_:1})):m("",!0)]),_:1})]),_:1})),[[T,{content:"This data is for illustrative purposes only. For your actual data, use Plobyte trackers on your campaigns. Email [email protected] to learn more.",placement:"top",trigger:"hover"}]])]),_:1})]),content:t(()=>[e[17]||(e[17]=n(" The information in yellow in these tables and the table below shows hypothetical metrics that Plobyte can track for your campaigns should you use the Plobyte tracker in your campaign(s). See ")),e[18]||(e[18]=u("a",{href:"/trackers",target:"_blank"},"Trackers",-1)),e[19]||(e[19]=n(" for detail. ")),e[20]||(e[20]=u("br",null,null,-1)),e[21]||(e[21]=u("br",null,null,-1)),r(D,{class:"float-end",color:"success",style:{color:"white","margin-bottom":"10px","font-size":"14px"},onClick:c.closeCampaignMetricsPopover},{default:t(()=>e[16]||(e[16]=[n("Got It")])),_:1},8,["onClick"])]),_:1},8,["style"])]),_:1}),r(h,{md:"3",id:"siteReportCampaignMetricsTable"},{default:t(()=>[r(S,{hover:"",responsive:"",bordered:""},{default:t(()=>[A((i(),a(_,null,{default:t(()=>[r(b,null,{default:t(()=>[r(d,{style:{color:"#f9b115"}},{default:t(()=>e[22]||(e[22]=[n("Simulated View Time")])),_:1}),s.loading?m("",!0):(i(),a(d,{key:0,style:{color:"#f9b115"},class:"text-end"},{default:t(()=>[n(f(c.formatMilliseconds(c.simulatedViewTimeIncrease)),1)]),_:1})),s.loading?(i(),a(d,{key:1,style:{color:"#f9b115"},class:"text-end"},{default:t(()=>[r(v,{size:"sm"})]),_:1})):m("",!0)]),_:1}),r(b,null,{default:t(()=>[r(d,{style:{color:"#f9b115"}},{default:t(()=>e[23]||(e[23]=[n("Unseen Impressions %")])),_:1}),s.loading?m("",!0):(i(),a(d,{key:0,style:{color:"#f9b115"},class:"text-end"},{default:t(()=>[n(f(c.formatPercent(c.unseenImpressionsPercent)),1)]),_:1})),s.loading?(i(),a(d,{key:1,style:{color:"#f9b115"},class:"text-end"},{default:t(()=>[r(v,{size:"sm"})]),_:1})):m("",!0)]),_:1})]),_:1})),[[T,{content:"This data is for illustrative purposes only. For your actual data, use Plobyte trackers on your campaigns. Email [email protected] to learn more.",placement:"top",trigger:"hover"}]])]),_:1})]),_:1})]),_:1}),r(I,{type:"siteProfilerTable"}),r(C,null,{default:t(()=>[r(h,{md:"12"},{default:t(()=>[r(B,{activePage:s.page,columns:s.columns,columnSorter:"","sorter-value":{column:"adDensityPercent",state:"desc"},items:s.recordsWithData,itemsPerPage:s.pageSize,"items-number":s.recordsWithData.length,loading:s.loading,pagination:"",tableProps:{striped:!0,hover:!0,responsive:!0,bordered:!0},id:"siteReportTable"},{domain:t(({item:l})=>[u("td",Z,[u("a",{href:"https://"+l.domain,target:"_blank"},f(l.domain),9,$)])]),encryptionAndLegal:t(({item:l})=>[r(R,{content:c.calculateLegalAndEncryptionTooltipString(l),placement:"right",trigger:"hover"},{toggler:t(({on:k})=>[u("td",x({style:{"min-width":"1em"}},M(k,!0)),[l.hasData&&l.privacyPolicy&&l.termsOfService&&l.hasEncryption?(i(),a(E,{key:0,icon:"cil-check-circle",size:"lg",style:{color:"rgba(36, 149, 66, 1)"}})):(i(),a(E,{key:1,icon:"cil-warning",size:"lg",style:{color:"#f9b115"}}))],16)]),_:2},1032,["content"])]),adDensityPercent:t(({item:l})=>[u("td",null,f(c.formatPercent(l.adDensityPercent)),1)]),averageAds:t(({item:l})=>[u("td",null,f(l.averageAds),1)]),hasHomepageAds:t(({item:l})=>[u("td",null,[l.hasHomepageAds?(i(),P("span",ee,"Yes")):(i(),P("span",te,"No"))])]),stickyAdsPercent:t(({item:l})=>[u("td",null,f(c.formatPercent(l.stickyAdsPercent)),1)]),registrationDate:t(({item:l})=>[u("td",null,f(c.formatAge(l.registrationDate)),1)]),impressions:t(({item:l})=>[u("td",oe,f(c.formatLargeNumber(l.impressions)),1)]),invisibleImpressions:t(({item:l})=>[u("td",re,f(c.formatLargeNumber(l.invisibleImpressions)),1)]),medianVisibilityDuration:t(({item:l})=>[u("td",se,f(c.formatMilliseconds(l.medianVisibilityDuration)),1)]),clicks:t(({item:l})=>[u("td",le,f(c.formatLargeNumber(l.clicks)),1)]),sessions:t(({item:l})=>[u("td",ie,f(c.formatLargeNumber(l.sessions)),1)]),medianSessionDuration:t(({item:l})=>[u("td",ne,f(c.formatMilliseconds(l.medianSessionDuration)),1)]),_:1},8,["activePage","columns","items","itemsPerPage","items-number","loading"])]),_:1})]),_:1}),e[29]||(e[29]=u("br",null,null,-1)),s.recordsWithoutData.length>0?(i(),a(C,{key:3},{default:t(()=>[r(h,{md:"12"},{default:t(()=>[r(N,{color:"warning"},{default:t(()=>[e[24]||(e[24]=n(" We could not collect information about these websites. Please email Sunghoon at [email protected] for any questions. ")),e[25]||(e[25]=u("br",null,null,-1)),e[26]||(e[26]=u("br",null,null,-1)),r(S,{hover:""},{default:t(()=>[r(_,null,{default:t(()=>[(i(!0),P(Q,null,Y(s.recordsWithoutData,l=>(i(),a(b,null,{default:t(()=>[r(d,null,{default:t(()=>[n(f(l.domain),1)]),_:2},1024)]),_:2},1024))),256))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})):m("",!0),r(W,{backdrop:!1,placement:"end",scroll:"",visible:s.showColumnDefinitions,keyboard:"",onHide:e[2]||(e[2]=()=>{s.showColumnDefinitions=!s.showColumnDefinitions})},{default:t(()=>[r(L,null,{default:t(()=>[r(G,null,{default:t(()=>e[27]||(e[27]=[n("Site Report Help")])),_:1}),r(H,{class:"text-reset",onClick:e[1]||(e[1]=()=>{s.showColumnDefinitions=!1})})]),_:1}),r(O,null,{default:t(()=>e[28]||(e[28]=[u("p",null,"This is where we would put helpful information",-1)])),_:1})]),_:1},8,["visible"])]),_:1})}const ge=F(K,[["render",ae],["__scopeId","data-v-84aac02f"]]);export{ge as default};