https://fels-wagram.at/assets/conversions.0d13f92.js

1import{B as C,D as f,C as D,a as w,b as A,g as R,A as V,p as S,e as B,f as E}from"./index.0d13f9224.js";import{_ as T}from"./datepicker.0d13f92.js";import{c as l,o as r,a as s,e as c,t as o,B as y,n as d,b as L,m as N,F,r as I,i as O}from"./client.0d13f92.js";import"./utc.0d13f92.js";import"./duration.0d13f92.js";import"./difference.0d13f92.js";const x={class:"cms-analytics-report-conversions"},W={class:"cms-modern-card-page-header"},G={class:"cms-modern-card-page-header-actions"},K={class:"date-filter"},Q={class:"date-input"},U={class:"date-input"},j={class:"kpi-grid"},z={class:"kpi-card"},M={class:"kpi-body"},Z={class:"kpi-value"},P={class:"kpi-card"},q={class:"kpi-body"},H={class:"kpi-value"},J={class:"kpi-card"},X={class:"kpi-body"},Y={class:"kpi-value"},$={class:"charts-row"},ss={class:"cms-modern-card"},ts={class:"cms-modern-card-content"},as={class:"chart-container"},es={class:"cms-modern-card"},os={class:"cms-modern-card-content"},ns={class:"chart-container"},is={class:"charts-row"},ls={class:"cms-modern-card"},rs={class:"cms-modern-card-content"},ds={class:"attribution-stats"},cs={class:"stat-row"},vs={class:"stat-value"},ms={class:"stat-row"},us={class:"stat-value"},ps={class:"stat-row"},gs={class:"stat-value"},_s={class:"cms-modern-card"},bs={class:"cms-modern-card-content"},ys={class:"attribution-stats"},hs={class:"stat-row"},ks={class:"stat-value"},Cs={class:"stat-row"},fs={class:"stat-value"},Ds={class:"stat-row"},ws={class:"stat-value"},As={class:"cms-modern-card"},Rs={class:"cms-modern-card-header"},Vs={key:0,class:"cms-modern-card-actions-inline"},Ss={class:"card-badge"},Bs={class:"cms-modern-card-content"},Es={key:0,class:"data-table"},Ts={class:"table-cell date"},Ls={class:"table-cell type"},Ns={class:"table-cell value"},Fs={class:"table-cell source"},Is={class:"table-cell campaign"},Os={class:"table-cell sync"},xs={class:"sync-icons"},Ws={key:1,class:"empty-state"};function Gs(n,t,Qs,Us,i,a){const v=T,h=y("Doughnut"),k=y("Bar");return r(),l("div",x,[s("div",W,[t[7]||(t[7]=s("div",{class:"cms-modern-card-page-header-icon"},[s("i",{class:"material-icons"},"flag")],-1)),t[8]||(t[8]=s("div",{class:"cms-modern-card-page-header-content"},[s("h1",null,"Conversions & Attribution"),s("p",null,"Conversion-Tracking und Marketing-Attribution")],-1)),s("div",G,[s("div",K,[s("div",Q,[t[3]||(t[3]=s("i",{class:"material-icons"},"event",-1)),c(v,{modelValue:i.dateRange.start,"onUpdate:modelValue":t[0]||(t[0]=e=>i.dateRange.start=e),label:"Von",onlyDate:!0},null,8,["modelValue"])]),t[6]||(t[6]=s("div",{class:"date-separator"},"bis",-1)),s("div",U,[t[4]||(t[4]=s("i",{class:"material-icons"},"event",-1)),c(v,{modelValue:i.dateRange.end,"onUpdate:modelValue":t[1]||(t[1]=e=>i.dateRange.end=e),label:"Bis",onlyDate:!0},null,8,["modelValue"])]),s("button",{class:"apply-btn",onClick:t[2]||(t[2]=(...e)=>a.loadReport&&a.loadReport(...e))},t[5]||(t[5]=[s("i",{class:"material-icons"},"check",-1),s("span",null,"Anwenden",-1)]))])])]),s("div",j,[s("div",z,[t[10]||(t[10]=s("div",{class:"kpi-icon success"},[s("i",{class:"material-icons"},"shopping_bag")],-1)),s("div",M,[s("div",Z,o(a.formatNumber(a.totals.totalConversions)),1),t[9]||(t[9]=s("div",{class:"kpi-label"},"Conversions",-1))])]),s("div",P,[t[12]||(t[12]=s("div",{class:"kpi-icon accent"},[s("i",{class:"material-icons"},"euro")],-1)),s("div",q,[s("div",H,o(a.formatCurrency(a.totals.totalValue)),1),t[11]||(t[11]=s("div",{class:"kpi-label"},"Conversion-Wert",-1))])]),s("div",J,[t[14]||(t[14]=s("div",{class:"kpi-icon primary"},[s("i",{class:"material-icons"},"trending_up")],-1)),s("div",X,[s("div",Y,o(a.formatCurrency(a.totals.avgValue)),1),t[13]||(t[13]=s("div",{class:"kpi-label"},"Ø Wert",-1))])])]),s("div",$,[s("div",ss,[t[15]||(t[15]=s("div",{class:"cms-modern-card-header"},[s("div",{class:"cms-modern-card-icon primary"},[s("i",{class:"material-icons"},"donut_large")]),s("div",{class:"cms-modern-card-title-wrapper"},[s("h2",null,"Conversions nach Quelle"),s("p",null,"Traffic-Quellen Verteilung")])],-1)),s("div",ts,[s("div",as,[c(h,{data:a.sourceChartData,options:i.chartOptions},null,8,["data","options"])])])]),s("div",es,[t[16]||(t[16]=s("div",{class:"cms-modern-card-header"},[s("div",{class:"cms-modern-card-icon success"},[s("i",{class:"material-icons"},"campaign")]),s("div",{class:"cms-modern-card-title-wrapper"},[s("h2",null,"Conversions nach Kampagne"),s("p",null,"Top Marketing-Kampagnen")])],-1)),s("div",os,[s("div",ns,[c(k,{data:a.campaignChartData,options:i.barOptions},null,8,["data","options"])])])])]),s("div",is,[s("div",ls,[t[20]||(t[20]=s("div",{class:"cms-modern-card-header"},[s("div",{class:"cms-modern-card-icon google"},[s("i",{class:"material-icons"},"ads_click")]),s("div",{class:"cms-modern-card-title-wrapper"},[s("h2",null,"Google Ads Attribution"),s("p",null,"GCLID Conversion-Tracking")])],-1)),s("div",rs,[s("div",ds,[s("div",cs,[t[17]||(t[17]=s("div",{class:"stat-label"},"Conversions mit GCLID",-1)),s("div",vs,o(a.formatNumber(a.googleAds.conversions)),1)]),s("div",ms,[t[18]||(t[18]=s("div",{class:"stat-label"},"Conversion-Wert",-1)),s("div",us,o(a.formatCurrency(a.googleAds.value)),1)]),s("div",ps,[t[19]||(t[19]=s("div",{class:"stat-label"},"Sync-Status",-1)),s("div",gs,[s("span",{class:d(["sync-badge",{synced:a.googleAds.synced}])},o(a.googleAds.synced?"Synchronisiert":"Ausstehend"),3)])])])])]),s("div",_s,[t[24]||(t[24]=s("div",{class:"cms-modern-card-header"},[s("div",{class:"cms-modern-card-icon facebook"},[s("i",{class:"material-icons"},"campaign")]),s("div",{class:"cms-modern-card-title-wrapper"},[s("h2",null,"Facebook Attribution"),s("p",null,"FBCLID Conversion-Tracking")])],-1)),s("div",bs,[s("div",ys,[s("div",hs,[t[21]||(t[21]=s("div",{class:"stat-label"},"Conversions mit FBCLID",-1)),s("div",ks,o(a.formatNumber(a.facebook.conversions)),1)]),s("div",Cs,[t[22]||(t[22]=s("div",{class:"stat-label"},"Conversion-Wert",-1)),s("div",fs,o(a.formatCurrency(a.facebook.value)),1)]),s("div",Ds,[t[23]||(t[23]=s("div",{class:"stat-label"},"Sync-Status",-1)),s("div",ws,[s("span",{class:d(["sync-badge",{synced:a.facebook.synced}])},o(a.facebook.synced?"Synchronisiert":"Ausstehend"),3)])])])])])]),s("div",As,[s("div",Rs,[t[25]||(t[25]=s("div",{class:"cms-modern-card-icon warning"},[s("i",{class:"material-icons"},"list_alt")],-1)),t[26]||(t[26]=s("div",{class:"cms-modern-card-title-wrapper"},[s("h2",null,"Letzte Conversions"),s("p",null,"Detaillierte Conversion-Übersicht")],-1)),a.conversions.length?(r(),l("div",Vs,[s("div",Ss,o(a.conversions.length)+" Einträge",1)])):L("",!0)]),s("div",Bs,[a.conversions.length?(r(),l("div",Es,[t[27]||(t[27]=N('<div class="table-header" data-v-9433ace0><div class="table-cell date" data-v-9433ace0>Datum</div><div class="table-cell type" data-v-9433ace0>Typ</div><div class="table-cell value" data-v-9433ace0>Wert</div><div class="table-cell source" data-v-9433ace0>Quelle</div><div class="table-cell campaign" data-v-9433ace0>Kampagne</div><div class="table-cell sync" data-v-9433ace0>Sync</div></div>',1)),(r(!0),l(F,null,I(a.conversions,e=>{var m,u,p,g,_,b;return r(),l("div",{class:"table-row",key:e._id},[s("div",Ts,o(a.formatDateTime(e.created)),1),s("div",Ls,[s("span",{class:d(["type-badge",e.type])},o(e.type),3)]),s("div",Ns,o(a.formatCurrency(e.value)),1),s("div",Fs,o(((m=e.attribution)==null?void 0:m.utm_source)||"-"),1),s("div",Is,o(((u=e.attribution)==null?void 0:u.utm_campaign)||"-"),1),s("div",Os,[s("div",xs,[s("i",{class:d(["material-icons",{synced:(g=(p=e.sync)==null?void 0:p.googleAds)==null?void 0:g.sent}])},"ads_click",2),s("i",{class:d(["material-icons",{synced:(b=(_=e.sync)==null?void 0:_.facebook)==null?void 0:b.sent}])},"campaign",2)])])])}),128))])):(r(),l("div",Ws,t[28]||(t[28]=[s("i",{class:"material-icons"},"flag",-1),s("p",null,"Keine Conversions im gewählten Zeitraum",-1)])))])])])}D.register(w,A,R,V,S,B,E);const Ks={name:"AnalyticsReportConversions",components:{Doughnut:f,Bar:C},data(){return{dateRange:{start:new Date(Date.now()-30*24*60*60*1e3),end:new Date},report:{}

1,chartOptions:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"right"}}},barOptions:{responsive:!0,maintainAspectRatio:!1,indexAxis:"y",plugins:{legend:{display:!1}},scales:{x:{beginAtZero:!0}}}}},computed:{totals(){return this.report.totals||{totalConversions:0,totalValue:0,avgValue:0}},googleAds(){return this.report.googleAds||{conversions:0,value:0,synced:!1}},facebook(){return this.report.facebook||{conversions:0,value:0,synced:!1}},conversions(){return this.report.conversions||[]},sourceChartData(){const n=this.report.bySource||{};return{labels:Object.keys(n),datasets:[{data:Object.values(n),backgroundColor:["#1976d2","#4caf50","#ff9800","#9c27b0","#f44336"]}]}},campaignChartData(){const n=this.report.byCampaign||[];return{labels:n.map(t=>t.campaign||"Direkt"),datasets:[{label:"Conversions",data:n.map(t=>t.count),backgroundColor:"#1976d2"}]}}},async mounted(){await this.loadReport()},methods:{async loadReport(){try{this.report=await this.$store.dispatch("analytics/GET_REPORT",{type:"conversions",startDate:this.dateRange.start,endDate:this.dateRange.end})||{}}catch(n){console.error("Failed to load conversions report:",n)}},formatNumber(n){return(n||0).toLocaleString("de-DE")},formatCurrency(n){return new Intl.NumberFormat("de-DE",{style:"currency",currency:"EUR"}).format(n||0)},formatDateTime(n){return new Date(n).toLocaleString("de-DE",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit"})}}},Hs=O(Ks,[["render",Gs],["__scopeId","data-v-9433ace0"]]);export{Hs as default};