| Server IP : 85.155.190.233 / Your IP : 216.73.216.103 Web Server : nginx/1.24.0 System : Linux antigravity-cli 6.8.0-31-generic #31-Ubuntu SMP PREEMPT_DYNAMIC Sat Apr 20 00:40:06 UTC 2024 x86_64 User : wp-moonbloom ( 1001) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /opt/moonbloom-dashboard/preview/ |
Upload File : |
<title>MoonBloom Ads Dashboard — Preview</title>
<meta name="color-scheme" content="light">
<style>
:root {
color-scheme: light;
--bg: #F2F3F6;
--panel: #FFFFFF;
--panel-2: #F7F8FA;
--border: #E7E9EF;
--border-soft: #EEF0F4;
--text: #202430;
--text-2: #64697A;
--text-3: #98A0AD;
--shadow: 0 1px 2px rgba(16,24,40,0.04), 0 3px 10px rgba(16,24,40,0.06);
--accent: #3D82D6;
--google: #3D82D6;
--pinterest: #DE6F98;
--etsy: #C2660F;
--organic: #1F9E80;
--good: #3FB65C;
--warn: #E2B93B;
--crit: #E5484D;
--font-ui: -apple-system, "Segoe UI", "Helvetica Neue", "Inter", Arial, sans-serif;
--font-mono: ui-monospace, "Cascadia Code", "SF Mono", "Consolas", "Roboto Mono", monospace;
--radius: 12px;
}
/* Locked to the light palette on purpose — no dark-mode variant.
Deliberate single-theme commitment for this Artifact. */
:root[data-theme="dark"] {
color-scheme: light;
--bg: #F2F3F6; --panel: #FFFFFF; --panel-2: #F7F8FA; --border: #E7E9EF; --border-soft: #EEF0F4;
--text: #202430; --text-2: #64697A; --text-3: #98A0AD;
--shadow: 0 1px 2px rgba(16,24,40,0.04), 0 3px 10px rgba(16,24,40,0.06);
}
:root[data-theme="light"] {
--bg: #F2F3F6; --panel: #FFFFFF; --panel-2: #F7F8FA; --border: #E7E9EF; --border-soft: #EEF0F4;
--text: #202430; --text-2: #64697A; --text-3: #98A0AD;
--shadow: 0 1px 2px rgba(16,24,40,0.04), 0 3px 10px rgba(16,24,40,0.06);
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
html { color-scheme: light; }
body {
background: var(--bg);
color: var(--text);
font-family: var(--font-ui);
font-size: 14px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
}
a { color: inherit; }
::selection { background: color-mix(in srgb, var(--accent) 30%, transparent); }
*:focus-visible { outline: 2px solid var(--google); outline-offset: 2px; }
.num, .tabular { font-variant-numeric: tabular-nums; font-family: var(--font-mono); }
/* ---------- shell ---------- */
.shell { max-width: 1320px; margin: 0 auto; padding: 0 24px 64px; }
header.top {
border-bottom: 1px solid var(--border);
background: var(--panel);
padding: 20px 24px;
}
.top-inner { max-width: 1320px; margin: 0 auto; display:flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.eyebrow {
font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase;
color: var(--text-3); margin: 0 0 6px;
}
h1 {
font-size: 21px; font-weight: 700; margin: 0; letter-spacing: -0.01em; text-wrap: balance;
display:flex; align-items:center; gap: 10px; flex-wrap: wrap;
}
.badge-preview {
font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
color: #966A0B; border: 1px solid color-mix(in srgb, var(--warn) 55%, transparent);
background: color-mix(in srgb, var(--warn) 16%, white);
padding: 3px 8px; border-radius: 999px;
}
.top-note { color: var(--text-2); font-size: 12.5px; max-width: 540px; text-align: right; }
.top-note strong { color: var(--text); }
main { padding-top: 24px; }
section { margin-bottom: 34px; }
/* ---------- Looker-Studio style card headers ---------- */
.card-kicker {
font-size: 11.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;
color: var(--text-2); margin: 0 0 2px;
}
.card-kicker-sub { font-size: 11px; color: var(--text-3); margin: 0 0 12px; }
.section-head { display:flex; align-items:baseline; justify-content: space-between; gap:16px; margin-bottom: 12px; flex-wrap: wrap; }
/* ---------- KPI row ---------- */
.kpi-row { display:grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-bottom: 26px; }
@media (max-width: 1100px) { .kpi-row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .kpi-row { grid-template-columns: repeat(2, 1fr); } }
.kpi {
background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius);
padding: 14px 16px 13px; box-shadow: var(--shadow);
display:flex; flex-direction:column; gap: 6px;
}
.kpi-label { font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; color: var(--text-3); }
.kpi-value { font-family: var(--font-mono); font-size: 25px; font-weight: 650; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; color: var(--text); }
.kpi-sub { font-size: 11px; color: var(--text-3); }
.kpi-muted .kpi-value { color: var(--text-3); font-size: 19px; }
.kpi-good .kpi-value { color: #1E7A38; }
/* ---------- panel/grid ---------- */
.grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.grid-3 { display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
@media (max-width: 980px) { .grid-2, .grid-3 { grid-template-columns: 1fr; } }
.panel {
background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius);
padding: 16px 18px 14px; box-shadow: var(--shadow);
}
.panel-head { display:flex; align-items:flex-start; justify-content: space-between; margin-bottom: 4px; gap: 10px; flex-wrap: wrap;}
.panel-caption { font-size: 11.5px; color: var(--text-3); margin-top: 10px; }
.legend { display:flex; gap: 14px; flex-wrap: wrap; font-size: 11.5px; color: var(--text-2); }
.legend-item { display:flex; align-items:center; gap: 6px; }
.legend-dot { width: 9px; height: 9px; border-radius: 2px; background: var(--dot-c); flex: none; }
.legend-item.is-muted { opacity: 0.55; }
.legend-item.is-muted .legend-dot { background: transparent; border: 1.5px dashed var(--text-3); }
.legend-vertical { display:flex; flex-direction:column; gap:7px; align-items:flex-start; font-size:11.5px; }
.legend-vertical .legend-item { gap:7px; }
.legend-vertical b { color: var(--text); font-family: var(--font-mono); }
.chart-svg { width: 100%; height: auto; display:block; }
.grid-line { stroke: var(--border-soft); stroke-width: 1; }
.axis-line { stroke: var(--border); stroke-width: 1; }
.axis-label { font-family: var(--font-mono); font-size: 9px; fill: var(--text-3); }
.axis-label-spend { fill: var(--etsy); }
.axis-label-sub { font-family: var(--font-ui); font-size: 8.5px; fill: var(--text-3); }
.bar-value-label { font-family: var(--font-mono); font-size: 10px; fill: var(--text-2); font-weight: 600; }
.bar-seg { stroke: var(--panel); stroke-width: 1; }
/* donuts */
.donut-grid { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }
.donut-svg { width: 148px; height: 148px; }
.donut-center-value { font-family: var(--font-mono); font-size: 19px; font-weight: 700; fill: var(--text); }
.donut-center-label { font-family: var(--font-ui); font-size: 9px; fill: var(--text-3); }
/* horizontal bar list */
.hbar-row { display:grid; grid-template-columns: 150px 1fr 70px; align-items:center; gap: 10px; padding: 5px 0; }
.hbar-label { font-size: 11.5px; color: var(--text-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hbar-track { height: 8px; background: var(--panel-2); border-radius: 4px; overflow:hidden; border: 1px solid var(--border-soft); }
.hbar-fill { height: 100%; border-radius: 4px 0 0 4px; }
.hbar-value { font-family: var(--font-mono); font-size: 12px; text-align:right; font-variant-numeric: tabular-nums; color: var(--text);}
.cmp-row { display:grid; grid-template-columns: 90px 1fr 70px; align-items:center; gap: 10px; padding: 6px 0; }
.cmp-label { font-size: 12px; color: var(--text-2); }
.cmp-track { height: 10px; background: var(--panel-2); border-radius: 5px; overflow:hidden; border: 1px solid var(--border-soft); }
.cmp-fill { height: 100%; border-radius: 5px; }
.cmp-value { font-family: var(--font-mono); font-size: 12.5px; text-align:right; font-weight:600; }
.badge-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background: var(--c); margin-right: 5px; vertical-align:middle;}
.accent-organic { font-weight: 700; }
/* word cloud */
.word-cloud { display:flex; flex-wrap:wrap; gap: 6px 16px; align-items:center; justify-content:center; padding: 18px 10px 10px; line-height:1.35; }
.cloud-word { cursor:default; white-space:nowrap; }
/* placeholder card */
.placeholder-card {
border: 1.5px dashed var(--border); border-radius: var(--radius); background: var(--panel-2);
padding: 16px 18px; display:flex; align-items:center; gap: 12px; color: var(--text-3);
}
.placeholder-icon { width: 30px; height:30px; border-radius:8px; border:1.5px dashed var(--text-3); flex:none; display:flex; align-items:center; justify-content:center; font-family: var(--font-mono); font-size:13px; }
.placeholder-title { font-size: 12.5px; font-weight:700; color: var(--text-2); }
.placeholder-sub { font-size: 11.5px; }
/* ---------- tables (heatmap look) ---------- */
.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 8px; }
table { width: 100%; border-collapse: collapse; font-size: 12.5px; min-width: 480px; }
thead th {
text-align: left; font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
color: var(--text-2); padding: 9px 12px; background: var(--panel-2); border-bottom: 1px solid var(--border);
white-space: nowrap; position: sticky; top: 0;
}
thead th.num { text-align: right; }
thead th.h-google { background: color-mix(in srgb, var(--google) 9%, var(--panel-2)); }
thead th.h-organic { background: color-mix(in srgb, var(--organic) 9%, var(--panel-2)); }
thead th.h-etsy { background: color-mix(in srgb, var(--etsy) 9%, var(--panel-2)); }
thead th.h-pinterest { background: color-mix(in srgb, var(--pinterest) 9%, var(--panel-2)); }
tbody td { padding: 7px 12px; border-bottom: 1px solid var(--border-soft); white-space: nowrap; color: var(--text); }
tbody tr:nth-child(even) td { background: var(--panel-2); }
tbody tr:last-child td { border-bottom: none; }
tbody tr:hover td { filter: brightness(0.97); }
td.num { text-align: right; font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
td.muted-cell { color: var(--text-3); font-size: 11.5px; }
.url-cell { font-family: var(--font-mono); font-size: 11px; color: var(--text-2); }
.pin-link { text-decoration: none; color: var(--text); }
.pin-link:hover { color: var(--pinterest); text-decoration: underline; }
tr.row-total td { font-weight: 700; background: var(--panel-2) !important; border-top: 2px solid var(--border); color: var(--text); }
.table-pagination {
display:flex; align-items:center; justify-content:flex-end; gap:10px;
padding: 7px 12px; font-size: 11px; color: var(--text-3);
background: var(--panel-2); border-top: 1px solid var(--border);
}
.table-pagination .pg-arrow { opacity:.5; }
.pill { font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 999px; display:inline-block; white-space:nowrap;}
.pill-good { color: #1E7A38; background: color-mix(in srgb, var(--good) 18%, white); }
.pill-muted { color: var(--text-3); background: var(--panel-2); border: 1px solid var(--border); }
.pill-neutral { color: var(--text-2); background: var(--panel-2); border: 1px solid var(--border); }
/* ---------- tabs (css only) ---------- */
.tabs { display:flex; flex-wrap:wrap; }
.tab-input { display:none; }
.tab-label {
order: 1; cursor:pointer; padding: 8px 16px; font-size: 12.5px; font-weight: 700;
color: var(--text-3); border-bottom: 2px solid transparent; margin-right: 4px; user-select:none;
transition: color .12s ease;
}
.tab-label:hover { color: var(--text); }
.tab-panel { order: 10; display:none; flex-basis: 100%; padding-top: 18px; }
#tab-google:checked ~ label[for="tab-google"],
#tab-pinterest:checked ~ label[for="tab-pinterest"],
#tab-traffic:checked ~ label[for="tab-traffic"] { color: var(--text); border-bottom-color: var(--google); }
#tab-google:checked ~ #panel-google { display:block; }
#tab-pinterest:checked ~ #panel-pinterest { display:block; }
#tab-traffic:checked ~ #panel-traffic { display:block; }
.tabs-bar { border-bottom: 1px solid var(--border); display:flex; }
footer.foot {
max-width: 1320px; margin: 40px auto 0; padding: 18px 24px 0; border-top: 1px solid var(--border);
color: var(--text-3); font-size: 11.5px; line-height:1.7;
}
footer.foot ol { margin: 8px 0 0; padding-left: 18px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
</style>
<header class="top">
<div class="top-inner">
<div>
<p class="eyebrow">Phase 0 · Кликабельный макет</p>
<h1>MoonBloom Ads — Overview <span class="badge-preview">Preview · будущая Grafana</span></h1>
</div>
<p class="top-note">Статический макет с <strong>реальными данными за последние 30 дней</strong> (Google Ads, GA4, Pinterest Ads/Organic, заказы Etsy). Сгенерировано 20.07.2026 · read-only.</p>
</div>
</header>
<div class="shell">
<main>
<div class="kpi-row">
<div class="kpi">
<div class="kpi-label">РАСХОДЫ, ВСЕГО</div>
<div class="kpi-value">€74,87</div>
<div class="kpi-sub">Google + Pinterest Ads</div>
</div>
<div class="kpi">
<div class="kpi-label">КЛИКИ, ВСЕГО</div>
<div class="kpi-value">66</div>
<div class="kpi-sub">52 Google + 14 Pinterest</div>
</div>
<div class="kpi">
<div class="kpi-label">BLENDED CPC</div>
<div class="kpi-value">€1,13</div>
<div class="kpi-sub">расходы / клики</div>
</div>
<div class="kpi">
<div class="kpi-label">ETSY — ВЫРУЧКА</div>
<div class="kpi-value">€693,50</div>
<div class="kpi-sub">4 заказа в CSV*</div>
</div>
<div class="kpi kpi-muted">
<div class="kpi-label">ETSY — ПРИБЫЛЬ</div>
<div class="kpi-value">н/д</div>
<div class="kpi-sub">поля не заполнены в CSV</div>
</div>
<div class="kpi kpi-good">
<div class="kpi-label">ROAS</div>
<div class="kpi-value">9,26×</div>
<div class="kpi-sub">выручка / расходы на рекламу*</div>
</div>
</div>
<section id="overview">
<div class="panel" style="margin-bottom:16px;">
<div class="panel-head">
<div>
<p class="card-kicker">Топ ключевых слов Google Ads</p>
<p class="card-kicker-sub">по Показы, Клики, Ср. цена клика, Расход</p>
</div>
</div>
<div class="table-wrap">
<table>
<thead><tr><th>#</th><th>Ключевое слово</th><th>Тип</th><th>Группа объявлений</th><th class="num h-google">Показы</th><th class="num h-organic">Клики</th><th class="num">Ср. цена клика</th><th class="num h-etsy">Расход</th></tr></thead>
<tbody>
<tr>
<td>1.</td>
<td>wandgestaltung kinderzimmer</td>
<td><span class="pill pill-neutral">BROAD</span></td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 46.0%, white)">647</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 46.0%, white)">18</td>
<td class="num">€1,67</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 46.0%, white)">€30,02</td>
</tr>
<tr>
<td>2.</td>
<td>kindertapete wald</td>
<td><span class="pill pill-neutral">BROAD</span></td>
<td class="muted-cell">Группа объявлений 2 Berge</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 12.0%, white)">97</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 21.6%, white)">7</td>
<td class="num">€1,28</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 17.9%, white)">€8,94</td>
</tr>
<tr>
<td>3.</td>
<td>kinderzimmer wandgestaltung</td>
<td><span class="pill pill-neutral">EXACT</span></td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 12.2%, white)">100</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 12.7%, white)">3</td>
<td class="num">€1,96</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 13.8%, white)">€5,89</td>
</tr>
<tr>
<td>4.</td>
<td>kinderzimmer deko weltraum</td>
<td><span class="pill pill-neutral">EXACT</span></td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 9.3%, white)">53</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 8.2%, white)">1</td>
<td class="num">€4,80</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 12.4%, white)">€4,80</td>
</tr>
<tr>
<td>5.</td>
<td>weltraum tapete kinderzimmer</td>
<td><span class="pill pill-neutral">EXACT</span></td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 8.4%, white)">39</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 12.7%, white)">3</td>
<td class="num">€1,19</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 10.8%, white)">€3,58</td>
</tr>
<tr>
<td>6.</td>
<td>tapete sonnensystem</td>
<td><span class="pill pill-neutral">BROAD</span></td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.9%, white)">31</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 10.4%, white)">2</td>
<td class="num">€1,30</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 9.5%, white)">€2,60</td>
</tr>
<tr>
<td>7.</td>
<td>fototapete wald kinderzimmer</td>
<td><span class="pill pill-neutral">BROAD</span></td>
<td class="muted-cell">Группа объявлений 2 Berge</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 11.3%, white)">85</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 12.7%, white)">3</td>
<td class="num">€0,81</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 9.2%, white)">€2,43</td>
</tr>
<tr>
<td>8.</td>
<td>babyzimmer wandgestaltung</td>
<td><span class="pill pill-neutral">BROAD</span></td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.7%, white)">28</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 10.4%, white)">2</td>
<td class="num">€1,21</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 9.2%, white)">€2,42</td>
</tr>
<tr>
<td>9.</td>
<td>kindertapete dschungel</td>
<td><span class="pill pill-neutral">EXACT</span></td>
<td class="muted-cell">Jungle</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.9%, white)">30</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 12.7%, white)">3</td>
<td class="num">€0,77</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 9.1%, white)">€2,32</td>
</tr>
<tr>
<td>10.</td>
<td>tapete waldtiere</td>
<td><span class="pill pill-neutral">EXACT</span></td>
<td class="muted-cell">Группа объявлений 2 Berge</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.9%, white)">31</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 10.4%, white)">2</td>
<td class="num">€0,77</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 8.0%, white)">€1,53</td>
</tr>
<tr class="row-total">
<td colspan="2">Общий итог</td>
<td></td>
<td></td>
<td class="num">1 141</td>
<td class="num">44</td>
<td class="num">€1,47</td>
<td class="num">€64,53</td>
</tr>
</tbody>
</table>
<div class="table-pagination"><span class="pg-arrow">‹</span> 1–10 / 10 <span class="pg-arrow">›</span></div>
</div>
</div>
<div class="panel" style="margin-bottom:16px;">
<div class="panel-head">
<div>
<p class="card-kicker">Динамика показателей</p>
<p class="card-kicker-sub">по Клики (столбцы, по каналам) и Расходы (линия) — 30 дней</p>
</div>
<div class="legend">
<span class="legend-item"><span class="legend-dot" style="--dot-c:#3D82D6"></span>Клики · Google Ads</span>
<span class="legend-item"><span class="legend-dot" style="--dot-c:#DE6F98"></span>Клики · Pinterest Ads</span>
<span class="legend-item"><span class="legend-dot" style="--dot-c:#C2660F"></span>Расход, € (линия)</span>
</div>
</div>
<svg viewBox="0 0 820 258" class="chart-svg" role="img" aria-label="Динамика: клики (столбцы) и расходы (линия)"><line x1="44" y1="204.0" x2="812" y2="204.0" class="grid-line"/><text x="38" y="207.0" class="axis-label" text-anchor="end">0</text><line x1="44" y1="156.5" x2="812" y2="156.5" class="grid-line"/><text x="38" y="159.5" class="axis-label" text-anchor="end">5</text><line x1="44" y1="109.0" x2="812" y2="109.0" class="grid-line"/><text x="38" y="112.0" class="axis-label" text-anchor="end">10</text><line x1="44" y1="61.5" x2="812" y2="61.5" class="grid-line"/><text x="38" y="64.5" class="axis-label" text-anchor="end">15</text><line x1="44" y1="14.0" x2="812" y2="14.0" class="grid-line"/><text x="38" y="17.0" class="axis-label" text-anchor="end">20</text><text x="818" y="207.0" class="axis-label axis-label-spend" text-anchor="start">0</text><text x="818" y="159.5" class="axis-label axis-label-spend" text-anchor="start">5</text><text x="818" y="112.0" class="axis-label axis-label-spend" text-anchor="start">10</text><text x="818" y="64.5" class="axis-label axis-label-spend" text-anchor="start">15</text><text x="818" y="17.0" class="axis-label axis-label-spend" text-anchor="start">20</text><rect x="44.00" y="14" width="17" height="190" fill="transparent"><title>2026-06-21 · клики: 0 · расход: €0,00</title></rect><rect x="69.60" y="14" width="17" height="190" fill="transparent"><title>2026-06-22 · клики: 0 · расход: €0,00</title></rect><rect x="95.20" y="14" width="17" height="190" fill="transparent"><title>2026-06-23 · клики: 0 · расход: €0,00</title></rect><rect x="120.80" y="14" width="17" height="190" fill="transparent"><title>2026-06-24 · клики: 0 · расход: €0,00</title></rect><rect x="146.40" y="14" width="17" height="190" fill="transparent"><title>2026-06-25 · клики: 0 · расход: €0,00</title></rect><rect x="172.00" y="14" width="17" height="190" fill="transparent"><title>2026-06-26 · клики: 0 · расход: €0,00</title></rect><rect x="197.60" y="14" width="17" height="190" fill="transparent"><title>2026-06-27 · клики: 0 · расход: €0,00</title></rect><rect x="223.20" y="14" width="17" height="190" fill="transparent"><title>2026-06-28 · клики: 0 · расход: €0,00</title></rect><rect x="248.80" y="14" width="17" height="190" fill="transparent"><title>2026-06-29 · клики: 0 · расход: €0,00</title></rect><rect x="274.40" y="14" width="17" height="190" fill="transparent"><title>2026-06-30 · клики: 0 · расход: €0,00</title></rect><rect x="300.00" y="14" width="17" height="190" fill="transparent"><title>2026-07-01 · клики: 0 · расход: €0,00</title></rect><rect x="325.60" y="14" width="17" height="190" fill="transparent"><title>2026-07-02 · клики: 0 · расход: €0,00</title></rect><rect x="351.20" y="14" width="17" height="190" fill="transparent"><title>2026-07-03 · клики: 0 · расход: €0,00</title></rect><rect x="376.80" y="14" width="17" height="190" fill="transparent"><title>2026-07-04 · клики: 0 · расход: €0,00</title></rect><rect x="402.40" y="14" width="17" height="190" fill="transparent"><title>2026-07-05 · клики: 0 · расход: €0,00</title></rect><rect x="428.00" y="14" width="17" height="190" fill="transparent"><title>2026-07-06 · клики: 0 · расход: €0,00</title></rect><rect x="453.60" y="14" width="17" height="190" fill="transparent"><title>2026-07-07 · клики: 0 · расход: €0,00</title></rect><rect x="479.20" y="14" width="17" height="190" fill="transparent"><title>2026-07-08 · клики: 0 · расход: €0,00</title></rect><rect x="504.80" y="194.50" width="17" height="9.50" fill="#3D82D6" class="bar-seg"><title>2026-07-09 · Google Ads клики: 1</title></rect><rect x="504.80" y="14" width="17" height="190" fill="transparent"><title>2026-07-09 · клики: 1 · расход: €4,80</title></rect><rect x="530.40" y="14" width="17" height="190" fill="transparent"><title>2026-07-10 · клики: 0 · расход: €0,00</title></rect><rect x="556.00" y="194.50" width="17" height="9.50" fill="#3D82D6" class="bar-seg"><title>2026-07-11 · Google Ads клики: 1</title></rect><rect x="556.00" y="14" width="17" height="190" fill="transparent"><title>2026-07-11 · клики: 1 · расход: €0,95</title></rect><rect x="581.60" y="194.50" width="17" height="9.50" fill="#3D82D6" class="bar-seg"><title>2026-07-12 · Google Ads клики: 1</title></rect><rect x="581.60" y="14" width="17" height="190" fill="transparent"><title>2026-07-12 · клики: 1 · расход: €1,11</title></rect><rect x="607.20" y="185.00" width="17" height="19.00" fill="#3D82D6" class="bar-seg"><title>2026-07-13 · Google Ads клики: 2</title></rect><rect x="607.20" y="14" width="17" height="190" fill="transparent"><title>2026-07-13 · клики: 2 · расход: €3,03</title></rect><rect x="632.80" y="194.50" width="17" height="9.50" fill="#3D82D6" class="bar-seg"><title>2026-07-14 · Google Ads клики: 1</title></rect><rect x="632.80" y="14" width="17" height="190" fill="transparent"><title>2026-07-14 · клики: 1 · расход: €2,93</title></rect><rect x="658.40" y="109.00" width="17" height="95.00" fill="#3D82D6" class="bar-seg"><title>2026-07-15 · Google Ads клики: 10</title></rect><rect x="658.40" y="14" width="17" height="190" fill="transparent"><title>2026-07-15 · клики: 10 · расход: €16,00</title></rect><rect x="684.00" y="99.50" width="17" height="104.50" fill="#3D82D6" class="bar-seg"><title>2026-07-16 · Google Ads клики: 11</title></rect><rect x="684.00" y="14" width="17" height="190" fill="transparent"><title>2026-07-16 · клики: 11 · расход: €15,99</title></rect><rect x="709.60" y="90.00" width="17" height="114.00" fill="#3D82D6" class="bar-seg"><title>2026-07-17 · Google Ads клики: 12</title></rect><rect x="709.60" y="14" width="17" height="190" fill="transparent"><title>2026-07-17 · клики: 12 · расход: €15,82</title></rect><rect x="735.20" y="156.50" width="17" height="47.50" fill="#3D82D6" class="bar-seg"><title>2026-07-18 · Google Ads клики: 5</title></rect><rect x="735.20" y="14" width="17" height="190" fill="transparent"><title>2026-07-18 · клики: 5 · расход: €3,48</title></rect><rect x="760.80" y="128.00" width="17" height="76.00" fill="#3D82D6" class="bar-seg"><title>2026-07-19 · Google Ads клики: 8</title></rect><rect x="760.80" y="33.00" width="17" height="95.00" fill="#DE6F98" class="bar-seg"><title>2026-07-19 · Pinterest Ads клики: 10</title></rect><rect x="760.80" y="14" width="17" height="190" fill="transparent"><title>2026-07-19 · клики: 18 · расход: €8,65</title></rect><rect x="786.40" y="166.00" width="17" height="38.00" fill="#DE6F98" class="bar-seg"><title>2026-07-20 · Pinterest Ads клики: 4</title></rect><rect x="786.40" y="14" width="17" height="190" fill="transparent"><title>2026-07-20 · клики: 4 · расход: €2,12</title></rect><polyline points="52.50,204.00 78.10,204.00 103.70,204.00 129.30,204.00 154.90,204.00 180.50,204.00 206.10,204.00 231.70,204.00 257.30,204.00 282.90,204.00 308.50,204.00 334.10,204.00 359.70,204.00 385.30,204.00 410.90,204.00 436.50,204.00 462.10,204.00 487.70,204.00 513.30,158.40 538.90,204.00 564.50,194.97 590.10,193.45 615.70,175.22 641.30,176.16 666.90,52.00 692.50,52.09 718.10,53.71 743.70,170.94 769.30,121.83 794.90,183.86" fill="none" stroke="#C2660F" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/><circle cx="513.30" cy="158.40" r="3" fill="#C2660F"><title>2026-07-09 · расход: €4,80</title></circle><circle cx="564.50" cy="194.97" r="3" fill="#C2660F"><title>2026-07-11 · расход: €0,95</title></circle><circle cx="590.10" cy="193.45" r="3" fill="#C2660F"><title>2026-07-12 · расход: €1,11</title></circle><circle cx="615.70" cy="175.22" r="3" fill="#C2660F"><title>2026-07-13 · расход: €3,03</title></circle><circle cx="641.30" cy="176.16" r="3" fill="#C2660F"><title>2026-07-14 · расход: €2,93</title></circle><circle cx="666.90" cy="52.00" r="3" fill="#C2660F"><title>2026-07-15 · расход: €16,00</title></circle><circle cx="692.50" cy="52.09" r="3" fill="#C2660F"><title>2026-07-16 · расход: €15,99</title></circle><circle cx="718.10" cy="53.71" r="3" fill="#C2660F"><title>2026-07-17 · расход: €15,82</title></circle><circle cx="743.70" cy="170.94" r="3" fill="#C2660F"><title>2026-07-18 · расход: €3,48</title></circle><circle cx="769.30" cy="121.83" r="3" fill="#C2660F"><title>2026-07-19 · расход: €8,65</title></circle><circle cx="794.90" cy="183.86" r="3" fill="#C2660F"><title>2026-07-20 · расход: €2,12</title></circle><text x="52.5" y="222" class="axis-label" text-anchor="middle">21.06</text><text x="180.5" y="222" class="axis-label" text-anchor="middle">26.06</text><text x="308.5" y="222" class="axis-label" text-anchor="middle">01.07</text><text x="436.5" y="222" class="axis-label" text-anchor="middle">06.07</text><text x="564.5" y="222" class="axis-label" text-anchor="middle">11.07</text><text x="692.5" y="222" class="axis-label" text-anchor="middle">16.07</text><text x="794.9" y="222" class="axis-label" text-anchor="middle">20.07</text><line x1="44" y1="204" x2="812" y2="204" class="axis-line"/></svg>
<p class="panel-caption">Реальные данные, последние 30 дней · показы кампаний фиксируются с 08.07.2026 (дни до этой даты — нулевые, не пропуск данных)</p>
</div>
<div class="section-head" style="margin-bottom:8px;">
<div><p class="card-kicker" style="margin-bottom:0;">Распределение по каналам</p><p class="card-kicker-sub" style="margin-bottom:0;">по Расход, Трафик GA4, Выручка Etsy</p></div>
</div>
<div class="grid-3" style="margin-bottom:16px;">
<div class="panel donut-grid">
<svg viewBox="0 0 200 200" class="donut-svg" role="img" aria-label="Расходы по каналам"><circle cx="100" cy="100" r="63" fill="none" stroke="#EEF0F4" stroke-width="30"/><circle cx="100" cy="100" r="63" fill="none" stroke="#3D82D6" stroke-width="30" stroke-dasharray="368.20 27.64" stroke-dashoffset="0.00" transform="rotate(-90 100 100)" stroke-linecap="butt"><title>Google Ads: €70,03 (93.5%)</title></circle><circle cx="100" cy="100" r="63" fill="none" stroke="#DE6F98" stroke-width="30" stroke-dasharray="23.64 372.20" stroke-dashoffset="-370.20" transform="rotate(-90 100 100)" stroke-linecap="butt"><title>Pinterest Ads: €4,85 (6.5%)</title></circle><circle cx="100" cy="100" r="44" fill="#FFFFFF"/><text x="100" y="96" text-anchor="middle" class="donut-center-value">€74,88</text><text x="100" y="114" text-anchor="middle" class="donut-center-label">всего</text></svg>
<div>
<p class="card-kicker" style="text-align:center;">Расходы по каналам</p>
<div class="legend-vertical">
<span class="legend-item"><span class="legend-dot" style="--dot-c:#3D82D6"></span>Google Ads <b>93.5%</b></span>
<span class="legend-item"><span class="legend-dot" style="--dot-c:#DE6F98"></span>Pinterest Ads <b>6.5%</b></span>
</div>
</div>
</div>
<div class="panel donut-grid">
<svg viewBox="0 0 200 200" class="donut-svg" role="img" aria-label="Трафик GA4 по группам каналов"><circle cx="100" cy="100" r="63" fill="none" stroke="#EEF0F4" stroke-width="30"/><circle cx="100" cy="100" r="63" fill="none" stroke="#1F9E80" stroke-width="30" stroke-dasharray="233.69 162.15" stroke-dashoffset="0.00" transform="rotate(-90 100 100)" stroke-linecap="butt"><title>(direct) / (none): 234 (59.5%)</title></circle><circle cx="100" cy="100" r="63" fill="none" stroke="#3D82D6" stroke-width="30" stroke-dasharray="107.79 288.05" stroke-dashoffset="-235.69" transform="rotate(-90 100 100)" stroke-linecap="butt"><title>Google (cpc + organic): 109 (27.7%)</title></circle><circle cx="100" cy="100" r="63" fill="none" stroke="#B8BEC9" stroke-width="30" stroke-dasharray="44.33 351.51" stroke-dashoffset="-345.48" transform="rotate(-90 100 100)" stroke-linecap="butt"><title>Прочее (not set, connexity, bing, facebook, data n/a): 46 (11.7%)</title></circle><circle cx="100" cy="100" r="63" fill="none" stroke="#DE6F98" stroke-width="30" stroke-dasharray="2.03 393.81" stroke-dashoffset="-391.81" transform="rotate(-90 100 100)" stroke-linecap="butt"><title>Pinterest (referral + display): 4 (1.0%)</title></circle><circle cx="100" cy="100" r="44" fill="#FFFFFF"/><text x="100" y="96" text-anchor="middle" class="donut-center-value">393</text><text x="100" y="114" text-anchor="middle" class="donut-center-label">сессий</text></svg>
<div>
<p class="card-kicker" style="text-align:center;">Трафик GA4 по группам</p>
<div class="legend-vertical">
<span class="legend-item"><span class="legend-dot" style="--dot-c:#1F9E80"></span>(direct) / (none) <b>59.5%</b></span>
<span class="legend-item"><span class="legend-dot" style="--dot-c:#3D82D6"></span>Google (cpc+organic) <b>27.7%</b></span>
<span class="legend-item"><span class="legend-dot" style="--dot-c:#B8BEC9"></span>Прочее <b>11.7%</b></span>
<span class="legend-item"><span class="legend-dot" style="--dot-c:#DE6F98"></span>Pinterest <b>1.0%</b></span>
</div>
</div>
</div>
<div class="panel donut-grid">
<svg viewBox="0 0 200 200" class="donut-svg" role="img" aria-label="Выручка Etsy по странам"><circle cx="100" cy="100" r="63" fill="none" stroke="#EEF0F4" stroke-width="30"/><circle cx="100" cy="100" r="63" fill="none" stroke="#3D82D6" stroke-width="30" stroke-dasharray="242.30 153.54" stroke-dashoffset="0.00" transform="rotate(-90 100 100)" stroke-linecap="butt"><title>Германия: €428,00 (61.7%)</title></circle><circle cx="100" cy="100" r="63" fill="none" stroke="#1F9E80" stroke-width="30" stroke-dasharray="140.13 255.71" stroke-dashoffset="-244.30" transform="rotate(-90 100 100)" stroke-linecap="butt"><title>Канада: €249,00 (35.9%)</title></circle><circle cx="100" cy="100" r="63" fill="none" stroke="#DE6F98" stroke-width="30" stroke-dasharray="7.42 388.42" stroke-dashoffset="-386.42" transform="rotate(-90 100 100)" stroke-linecap="butt"><title>Италия: €16,50 (2.4%)</title></circle><circle cx="100" cy="100" r="44" fill="#FFFFFF"/><text x="100" y="96" text-anchor="middle" class="donut-center-value">€693,50</text><text x="100" y="114" text-anchor="middle" class="donut-center-label">выручка</text></svg>
<div>
<p class="card-kicker" style="text-align:center;">Выручка Etsy по странам</p>
<div class="legend-vertical">
<span class="legend-item"><span class="legend-dot" style="--dot-c:#3D82D6"></span>Германия <b>61.7%</b></span>
<span class="legend-item"><span class="legend-dot" style="--dot-c:#1F9E80"></span>Канада <b>35.9%</b></span>
<span class="legend-item"><span class="legend-dot" style="--dot-c:#DE6F98"></span>Италия <b>2.4%</b></span>
</div>
</div>
</div>
</div>
<div class="grid-2" style="margin-bottom:16px;">
<div class="panel">
<p class="card-kicker">Эффективность по каналам</p>
<p class="card-kicker-sub">по CTR (клики / показы)</p>
<div class="cmp-row">
<div class="cmp-label">Google Ads</div>
<div class="cmp-track"><div class="cmp-fill" style="width:100.0%;background:#3D82D6"></div></div>
<div class="cmp-value">2,72</div>
</div>
<div class="cmp-row">
<div class="cmp-label">Pinterest Ads</div>
<div class="cmp-track"><div class="cmp-fill" style="width:13.0%;background:#DE6F98"></div></div>
<div class="cmp-value">0,35</div>
</div>
<p class="panel-caption">реальные данные за 30 дней</p>
</div>
<div class="panel">
<p class="card-kicker">Эффективность по каналам</p>
<p class="card-kicker-sub">по Ср. цена клика (расходы / клики)</p>
<div class="cmp-row">
<div class="cmp-label">Google Ads</div>
<div class="cmp-track"><div class="cmp-fill" style="width:100.0%;background:#3D82D6"></div></div>
<div class="cmp-value">€1,35</div>
</div>
<div class="cmp-row">
<div class="cmp-label">Pinterest Ads</div>
<div class="cmp-track"><div class="cmp-fill" style="width:25.7%;background:#DE6F98"></div></div>
<div class="cmp-value">€0,35</div>
</div>
<p class="panel-caption">реальные данные за 30 дней</p>
</div>
</div>
<div class="panel" style="margin-bottom:16px;">
<p class="card-kicker">Облако поисковых запросов</p>
<p class="card-kicker-sub">по расходам Google Ads · ключевые слова + search terms (25 фраз)</p>
<div class="word-cloud">
<span class="cloud-word" style="font-size:47px; color:#3D82D6; font-weight:700;" title="wandgestaltung kinderzimmer · €30,02">wandgestaltung kinderzimmer</span>
<span class="cloud-word" style="font-size:30px; color:#1F9E80; font-weight:600;" title="kindertapete wald · €8,94">kindertapete wald</span>
<span class="cloud-word" style="font-size:26px; color:#3D82D6; font-weight:600;" title="kinderzimmer wandgestaltung · €5,89">kinderzimmer wandgestaltung</span>
<span class="cloud-word" style="font-size:25px; color:#3D82D6; font-weight:600;" title="kinderzimmer deko weltraum · €4,80">kinderzimmer deko weltraum</span>
<span class="cloud-word" style="font-size:22px; color:#3D82D6; font-weight:600;" title="weltraum tapete kinderzimmer · €3,58">weltraum tapete kinderzimmer</span>
<span class="cloud-word" style="font-size:20px; color:#3D82D6; font-weight:600;" title="tapete sonnensystem · €2,60">tapete sonnensystem</span>
<span class="cloud-word" style="font-size:19px; color:#1F9E80; font-weight:600;" title="fototapete wald kinderzimmer · €2,43">fototapete wald kinderzimmer</span>
<span class="cloud-word" style="font-size:19px; color:#3D82D6; font-weight:600;" title="babyzimmer wandgestaltung · €2,42">babyzimmer wandgestaltung</span>
<span class="cloud-word" style="font-size:19px; color:#DE6F98; font-weight:600;" title="kindertapete dschungel · €2,32">kindertapete dschungel</span>
<span class="cloud-word" style="font-size:15px; color:#1F9E80; font-weight:600;" title="tapete waldtiere · €1,53">tapete waldtiere</span>
<span class="cloud-word" style="font-size:25px; color:#3D82D6; font-weight:600;" title="weltraum kinderzimmer · €4,80">weltraum kinderzimmer</span>
<span class="cloud-word" style="font-size:24px; color:#3D82D6; font-weight:600;" title="wandsticker kinderzimmer · €4,14">wandsticker kinderzimmer</span>
<span class="cloud-word" style="font-size:23px; color:#3D82D6; font-weight:600;" title="wandtattoo kinderzimmer · €4,08">wandtattoo kinderzimmer</span>
<span class="cloud-word" style="font-size:23px; color:#3D82D6; font-weight:600;" title="fototapete kinderzimmer · €3,70">fototapete kinderzimmer</span>
<span class="cloud-word" style="font-size:21px; color:#3D82D6; font-weight:600;" title="wandtattoo wikinger · €3,08">wandtattoo wikinger</span>
<span class="cloud-word" style="font-size:21px; color:#3D82D6; font-weight:600;" title="kinder wand ideen · €2,93">kinder wand ideen</span>
<span class="cloud-word" style="font-size:21px; color:#3D82D6; font-weight:600;" title="wandleuchte kinderzimmer · €2,89">wandleuchte kinderzimmer</span>
<span class="cloud-word" style="font-size:21px; color:#1F9E80; font-weight:600;" title="wandtattoo toy story · €2,85">wandtattoo toy story</span>
<span class="cloud-word" style="font-size:19px; color:#1F9E80; font-weight:600;" title="wandtattoo blumen · €2,24">wandtattoo blumen</span>
<span class="cloud-word" style="font-size:18px; color:#3D82D6; font-weight:600;" title="kinderzimmer ideen wandgestaltung · €2,01">kinderzimmer ideen wandgestaltung</span>
<span class="cloud-word" style="font-size:18px; color:#3D82D6; font-weight:600;" title="scandi kinderzimmer · €1,91">scandi kinderzimmer</span>
<span class="cloud-word" style="font-size:17px; color:#3D82D6; font-weight:600;" title="weltraum tapete kinder · €1,88">weltraum tapete kinder</span>
<span class="cloud-word" style="font-size:16px; color:#1F9E80; font-weight:600;" title="fototapeten · €1,58">fototapeten</span>
<span class="cloud-word" style="font-size:15px; color:#1F9E80; font-weight:600;" title="fototapete wald · €1,52">fototapete wald</span>
<span class="cloud-word" style="font-size:13px; color:#3D82D6; font-weight:600;" title="tapeten · €1,39">tapeten</span>
</div>
<p class="panel-caption">Размер = расход в €, реальные данные Google Ads за 30 дней. Конверсии по этим запросам = 0 (см. таблицу search terms в разделе Drill-down).</p>
</div>
<div class="grid-2">
<div class="panel">
<p class="card-kicker">Заказы Etsy — детально</p>
<p class="card-kicker-sub">по Дата, Страна, Выручка (4 заказа из CSV)</p>
<div class="table-wrap">
<table>
<thead><tr><th>Дата</th><th>Страна</th><th class="num h-etsy">Выручка</th></tr></thead>
<tbody>
<tr><td>20.02.2026</td><td>Германия</td><td class="num" style="background:color-mix(in srgb, var(--etsy) 46.0%, white)">€219,00</td></tr>
<tr><td>25.02.2026</td><td>Германия</td><td class="num" style="background:color-mix(in srgb, var(--etsy) 43.7%, white)">€209,00</td></tr>
<tr><td>26.02.2026</td><td>Италия</td><td class="num" style="background:color-mix(in srgb, var(--etsy) 9.6%, white)">€16,50</td></tr>
<tr><td>10.03.2026</td><td>Канада</td><td class="num" style="background:color-mix(in srgb, var(--etsy) 51.0%, white)">€249,00</td></tr>
<tr class="row-total"><td colspan="2">Общий итог</td><td class="num">€693,50</td></tr>
</tbody>
</table>
</div>
<p class="panel-caption">* Даты заказов в CSV (фев–мар 2026) не привязаны к 30-дневному окну рекламы — ROAS сопоставляет разные периоды и носит ориентировочный характер, не last-click атрибуция.</p>
</div>
<div class="placeholder-card">
<div class="placeholder-icon">€</div>
<div>
<div class="placeholder-title">Etsy Ads</div>
<div class="placeholder-sub">Подключается вручную (CSV) — API-доступа к Etsy Ads пока нет. Канал появится в общих графиках после первой ручной загрузки.</div>
</div>
</div>
</div>
</section>
<section id="drilldown">
<div class="section-head">
<div><p class="card-kicker" style="margin-bottom:0;">Drill-down по каналам</p><p class="card-kicker-sub" style="margin-bottom:0;">детальные таблицы и рейтинги — Google Ads / Pinterest / Трафик</p></div>
</div>
<div class="tabs">
<input class="tab-input" type="radio" name="tabgroup" id="tab-google" checked>
<label class="tab-label" for="tab-google">Google Ads</label>
<input class="tab-input" type="radio" name="tabgroup" id="tab-pinterest">
<label class="tab-label" for="tab-pinterest">Pinterest</label>
<input class="tab-input" type="radio" name="tabgroup" id="tab-traffic">
<label class="tab-label" for="tab-traffic">Трафик (GA4)</label>
<div class="tabs-bar" style="order:2; flex-basis:100%; margin-top:-1px;"></div>
<div class="tab-panel" id="panel-google">
<div class="panel" style="margin-bottom:16px;">
<p class="card-kicker">Кампании</p>
<p class="card-kicker-sub">по Показы, Клики, CTR, Ср. цена клика, Расход</p>
<div class="table-wrap">
<table>
<thead><tr><th>Кампания</th><th>Статус</th><th class="num h-google">Показы</th><th class="num h-organic">Клики</th><th class="num h-google">CTR</th><th class="num">Ср. цена клика</th><th class="num h-etsy">Расход</th></tr></thead>
<tbody>
<tr>
<td>Campaign #1</td>
<td><span class="pill pill-muted">На паузе</span></td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.0%, white)">0</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 6.0%, white)">0</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.0%, white)">0,00%</td>
<td class="num">€0,00</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 6.0%, white)">€0,00</td>
</tr>
<tr>
<td>MoonBloom Search EU</td>
<td><span class="pill pill-good">Активна</span></td>
<td class="num" style="background:color-mix(in srgb, var(--google) 46.0%, white)">1 911</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 46.0%, white)">52</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 46.0%, white)">2,72%</td>
<td class="num">€1,35</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 46.0%, white)">€70,03</td>
</tr>
<tr class="row-total">
<td>Общий итог</td>
<td></td>
<td class="num">1 911</td>
<td class="num">52</td>
<td class="num">2,72%</td>
<td class="num">€1,35</td>
<td class="num">€70,03</td>
</tr>
</tbody>
</table>
<div class="table-pagination"><span class="pg-arrow">‹</span> 1–2 / 2 <span class="pg-arrow">›</span></div>
</div>
</div>
<div class="grid-2">
<div class="panel">
<p class="card-kicker">Поисковые запросы (search terms)</p>
<p class="card-kicker-sub">по Показы, Клики, Расход</p>
<div class="table-wrap">
<table>
<thead><tr><th>#</th><th>Запрос</th><th>Группа объявлений</th><th class="num h-google">Показы</th><th class="num h-organic">Клики</th><th class="num h-etsy">Расход</th><th class="num">Конв.</th></tr></thead>
<tbody>
<tr>
<td>1.</td>
<td>weltraum kinderzimmer</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 14.0%, white)">9</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 46.0%, white)">€4,80</td>
<td class="num">0</td>
</tr>
<tr>
<td>2.</td>
<td>wandsticker kinderzimmer</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 21.1%, white)">17</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 40.5%, white)">€4,14</td>
<td class="num">0</td>
</tr>
<tr>
<td>3.</td>
<td>wandtattoo kinderzimmer</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 46.0%, white)">45</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 46.0%, white)">3</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 40.0%, white)">€4,08</td>
<td class="num">0</td>
</tr>
<tr>
<td>4.</td>
<td>fototapete kinderzimmer</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 11.3%, white)">6</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 36.8%, white)">€3,70</td>
<td class="num">0</td>
</tr>
<tr>
<td>5.</td>
<td>wandtattoo wikinger</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.9%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 31.7%, white)">€3,08</td>
<td class="num">0</td>
</tr>
<tr>
<td>6.</td>
<td>kinder wand ideen</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.8%, white)">2</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 30.4%, white)">€2,93</td>
<td class="num">0</td>
</tr>
<tr>
<td>7.</td>
<td>wandleuchte kinderzimmer</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.8%, white)">2</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 30.1%, white)">€2,89</td>
<td class="num">0</td>
</tr>
<tr>
<td>8.</td>
<td>wandtattoo toy story</td>
<td class="muted-cell">Группа объявлений 2 Berge</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.8%, white)">2</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 29.8%, white)">€2,85</td>
<td class="num">0</td>
</tr>
<tr>
<td>9.</td>
<td>wandtattoo blumen</td>
<td class="muted-cell">Группа объявлений 2 Berge</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.8%, white)">2</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 24.7%, white)">€2,24</td>
<td class="num">0</td>
</tr>
<tr>
<td>10.</td>
<td>kinderzimmer ideen wandgestaltung</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 10.4%, white)">5</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 22.8%, white)">€2,01</td>
<td class="num">0</td>
</tr>
<tr>
<td>11.</td>
<td>scandi kinderzimmer</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.9%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 21.9%, white)">€1,91</td>
<td class="num">0</td>
</tr>
<tr>
<td>12.</td>
<td>weltraum tapete kinder</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 15.8%, white)">11</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 21.7%, white)">€1,88</td>
<td class="num">0</td>
</tr>
<tr>
<td>13.</td>
<td>fototapeten</td>
<td class="muted-cell">Группа объявлений 2 Berge</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.9%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 32.7%, white)">2</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 19.2%, white)">€1,58</td>
<td class="num">0</td>
</tr>
<tr>
<td>14.</td>
<td>fototapete wald</td>
<td class="muted-cell">Группа объявлений 2 Berge</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.9%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 18.7%, white)">€1,52</td>
<td class="num">0</td>
</tr>
<tr>
<td>15.</td>
<td>tapeten</td>
<td class="muted-cell">Группа объявлений 1 Space</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 16.7%, white)">12</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 19.3%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 17.6%, white)">€1,39</td>
<td class="num">0</td>
</tr>
<tr class="row-total">
<td colspan="2">Общий итог</td>
<td></td>
<td class="num">117</td>
<td class="num">18</td>
<td class="num">€41,00</td>
<td class="num">0</td>
</tr>
</tbody>
</table>
<div class="table-pagination"><span class="pg-arrow">‹</span> 1–15 / 15 <span class="pg-arrow">›</span></div>
</div>
</div>
<div class="panel">
<p class="card-kicker">Топ ключевых слов по расходам</p>
<p class="card-kicker-sub">топ-8 из 10, Google Ads</p>
<div class="hbar-row">
<div class="hbar-label" title="wandgestaltung kinderzimmer">wandgestaltung kinderzimmer</div>
<div class="hbar-track"><div class="hbar-fill" style="width:100.0%; background:var(--google)"></div></div>
<div class="hbar-value">€30,02</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="kindertapete wald">kindertapete wald</div>
<div class="hbar-track"><div class="hbar-fill" style="width:29.8%; background:var(--google)"></div></div>
<div class="hbar-value">€8,94</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="kinderzimmer wandgestaltung">kinderzimmer wandgestaltung</div>
<div class="hbar-track"><div class="hbar-fill" style="width:19.6%; background:var(--google)"></div></div>
<div class="hbar-value">€5,89</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="kinderzimmer deko weltraum">kinderzimmer deko weltraum</div>
<div class="hbar-track"><div class="hbar-fill" style="width:16.0%; background:var(--google)"></div></div>
<div class="hbar-value">€4,80</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="weltraum tapete kinderzimmer">weltraum tapete kinderzimmer</div>
<div class="hbar-track"><div class="hbar-fill" style="width:11.9%; background:var(--google)"></div></div>
<div class="hbar-value">€3,58</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="tapete sonnensystem">tapete sonnensystem</div>
<div class="hbar-track"><div class="hbar-fill" style="width:8.7%; background:var(--google)"></div></div>
<div class="hbar-value">€2,60</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="fototapete wald kinderzimmer">fototapete wald kinderzimmer</div>
<div class="hbar-track"><div class="hbar-fill" style="width:8.1%; background:var(--google)"></div></div>
<div class="hbar-value">€2,43</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="babyzimmer wandgestaltung">babyzimmer wandgestaltung</div>
<div class="hbar-track"><div class="hbar-fill" style="width:8.1%; background:var(--google)"></div></div>
<div class="hbar-value">€2,42</div>
</div>
<p class="panel-caption">полная таблица из 10 ключевых слов — в панели «Топ ключевых слов Google Ads» выше</p>
</div>
</div>
</div>
<div class="tab-panel" id="panel-pinterest">
<div class="panel" style="margin-bottom:16px;">
<p class="card-kicker">Платное — Pinterest Ads</p>
<p class="card-kicker-sub">Кампания активна с 19.07.2026, данные за 2 дня</p>
<div class="table-wrap">
<table>
<thead><tr><th>Дата</th><th class="num h-google">Показы</th><th class="num h-organic">Клики</th><th class="num">CTR</th><th class="num h-pinterest">→ Etsy</th><th class="num">Расход</th></tr></thead>
<tbody>
<tr>
<td>19.07.2026</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 46.0%, white)">2 636</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 46.0%, white)">10</td>
<td class="num">0,38%</td>
<td class="num" style="background:color-mix(in srgb, var(--pinterest) 46.0%, white)">11</td>
<td class="num">€2,73</td>
</tr>
<tr>
<td>20.07.2026</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 26.0%, white)">1 319</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 22.0%, white)">4</td>
<td class="num">0,30%</td>
<td class="num" style="background:color-mix(in srgb, var(--pinterest) 20.5%, white)">4</td>
<td class="num">€2,12</td>
</tr>
<tr class="row-total">
<td>Общий итог</td>
<td class="num">3 955</td>
<td class="num">14</td>
<td class="num">0,35%</td>
<td class="num">15</td>
<td class="num">€4,85</td>
</tr>
</tbody>
</table>
<div class="table-pagination"><span class="pg-arrow">‹</span> 1–2 / 2 <span class="pg-arrow">›</span></div>
</div>
</div>
<div class="grid-2">
<div class="panel">
<p class="card-kicker">Бесплатное — топ органических пинов</p>
<p class="card-kicker-sub">Lifetime-метрики, топ-8 из 214 пинов</p>
<div class="table-wrap">
<table>
<thead><tr><th>Пин</th><th>Доска</th><th class="num h-google">Показы</th><th class="num h-etsy">Сохр.</th><th class="num h-organic">Клики</th><th class="num h-pinterest">→Etsy</th></tr></thead>
<tbody>
<tr>
<td><a class="pin-link" href="https://moonbloomwalls.etsy.com/de/listing/4478282688/solar-system-wallpaper-nursery-space" target="_blank" rel="noopener" title="Solar System Wallpaper Nursery, Space Wall Mural Kids Room, Educational Planets Wallpaper, Baby Room Decor, Children's Room Wallpaper Space - Etsy">Solar System Wallpaper Nursery, Space Wall Mural Kids R…</a></td>
<td class="muted-cell">Space Nursery Wallpaper</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 46.0%, white)">8 472</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 46.0%, white)">61</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 46.0%, white)">541</td>
<td class="num accent-organic" style="background:color-mix(in srgb, var(--pinterest) 46.0%, white)">21</td>
</tr>
<tr>
<td><a class="pin-link" href="https://moonbloomwalls.etsy.com/de/listing/4507722343/delicate-wildflower-wall-mural-soft" target="_blank" rel="noopener" title="Delicate Watercolor Flower Wallpaper | Lavender & Peach Wildflower Mural">Delicate Watercolor Flower Wallpaper | Lavender & Peach…</a></td>
<td class="muted-cell">Wildflower Nursery Decor</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 19.2%, white)">2 795</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 11.2%, white)">8</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 10.0%, white)">54</td>
<td class="num accent-organic" style="background:color-mix(in srgb, var(--pinterest) 9.8%, white)">2</td>
</tr>
<tr>
<td><a class="pin-link" href="https://moonbloomwalls.etsy.com/de/listing/4453400221/scandi-berge-tapete-kinderzimmer-wald" target="_blank" rel="noopener" title="Forest Wallpaper for Children's Room – Fir Forest Non-woven Wallpaper Green | Scandinavian Baby Room Wall Decor - Etsy">Forest Wallpaper for Children's Room – Fir Forest Non-w…</a></td>
<td class="muted-cell">Woodland Nursery Wallpaper</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 14.0%, white)">1 702</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 13.2%, white)">11</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 12.6%, white)">89</td>
<td class="num accent-organic" style="background:color-mix(in srgb, var(--pinterest) 13.6%, white)">4</td>
</tr>
<tr>
<td><a class="pin-link" href="https://moonbloomwalls.etsy.com/" target="_blank" rel="noopener" title="Papier Peint Jungle Chambre Enfant | Girafe Elephant Paresseux">Papier Peint Jungle Chambre Enfant | Girafe Elephant Pa…</a></td>
<td class="muted-cell">Kids Room Wallpaper Ideas</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 13.0%, white)">1 475</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 13.9%, white)">12</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 11.8%, white)">79</td>
<td class="num accent-organic" style="background:color-mix(in srgb, var(--pinterest) 9.8%, white)">2</td>
</tr>
<tr>
<td><a class="pin-link" href="https://moonbloomwalls.etsy.com/" target="_blank" rel="noopener" title="Papier Peint Jungle Tropical Chambre Enfant | Leopard">Papier Peint Jungle Tropical Chambre Enfant | Leopard</a></td>
<td class="muted-cell">Kids Room Wallpaper Ideas</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 12.5%, white)">1 379</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 9.3%, white)">5</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 11.4%, white)">73</td>
<td class="num accent-organic" style="background:color-mix(in srgb, var(--pinterest) 7.9%, white)">1</td>
</tr>
<tr>
<td><a class="pin-link" href="https://etsy.me/4s970e9" target="_blank" rel="noopener" title="Dschungel Tapete Kinderzimmer | Giraffe Elefant Faultier">Dschungel Tapete Kinderzimmer | Giraffe Elefant Faultier</a></td>
<td class="muted-cell">Kids Room Wallpaper Ideas</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.8%, white)">371</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 6.7%, white)">1</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 7.3%, white)">17</td>
<td class="num accent-organic" style="background:color-mix(in srgb, var(--pinterest) 9.8%, white)">2</td>
</tr>
<tr>
<td><a class="pin-link" href="https://moonbloomwalls.etsy.com/de/listing/4478282688/solar-system-wallpaper-nursery-space" target="_blank" rel="noopener" title="Fototapete Weltraum Kinderzimmer | Planeten Tapete Babyzimmer">Fototapete Weltraum Kinderzimmer | Planeten Tapete Baby…</a></td>
<td class="muted-cell">Space Nursery Wallpaper</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.6%, white)">332</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 8.6%, white)">4</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 7.3%, white)">18</td>
<td class="num accent-organic" style="background:color-mix(in srgb, var(--pinterest) 9.8%, white)">2</td>
</tr>
<tr>
<td><a class="pin-link" href="https://moonbloomwalls.etsy.com/de/listing/4457213556/safari-wallpaper-nursery-animals" target="_blank" rel="noopener" title="Safari Nursery Ideas | Watercolor Animal Wall Mural">Safari Nursery Ideas | Watercolor Animal Wall Mural</a></td>
<td class="muted-cell">Products you tagged</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.4%, white)">298</td>
<td class="num" style="background:color-mix(in srgb, var(--etsy) 6.0%, white)">0</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 6.4%, white)">6</td>
<td class="num accent-organic" style="background:color-mix(in srgb, var(--pinterest) 6.0%, white)">0</td>
</tr>
<tr class="row-total">
<td colspan="2">Общий итог (топ-8 из 214)</td>
<td class="num">16 824</td>
<td class="num">102</td>
<td class="num">877</td>
<td class="num">34</td>
</tr>
</tbody>
</table>
<div class="table-pagination"><span class="pg-arrow">‹</span> 1–8 / 214 <span class="pg-arrow">›</span></div>
</div>
<p class="panel-caption">Lifetime-метрики 214 пинов, срез 20.07.2026 · monthly views (Pinterest): 3 281</p>
</div>
<div class="panel">
<p class="card-kicker">Топ пинов по показам</p>
<p class="card-kicker-sub">lifetime, топ-8 из 214</p>
<div class="hbar-row">
<div class="hbar-label" title="Solar System Wallpaper Nursery, Space Wall Mural Kids R">Solar System Wallpaper Nursery, Space Wall Mural Kids R</div>
<div class="hbar-track"><div class="hbar-fill" style="width:100.0%; background:var(--organic)"></div></div>
<div class="hbar-value">8 472</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="Delicate Watercolor Flower Wallpaper | Lavender & Peach">Delicate Watercolor Flower Wallpaper | Lavender & Peach</div>
<div class="hbar-track"><div class="hbar-fill" style="width:33.0%; background:var(--organic)"></div></div>
<div class="hbar-value">2 795</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="Forest Wallpaper for Children's Room – Fir Forest Non-w">Forest Wallpaper for Children's Room – Fir Forest Non-w</div>
<div class="hbar-track"><div class="hbar-fill" style="width:20.1%; background:var(--organic)"></div></div>
<div class="hbar-value">1 702</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="Papier Peint Jungle Chambre Enfant | Girafe Elephant Pa">Papier Peint Jungle Chambre Enfant | Girafe Elephant Pa</div>
<div class="hbar-track"><div class="hbar-fill" style="width:17.4%; background:var(--organic)"></div></div>
<div class="hbar-value">1 475</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="Papier Peint Jungle Tropical Chambre Enfant | Leopard">Papier Peint Jungle Tropical Chambre Enfant | Leopard</div>
<div class="hbar-track"><div class="hbar-fill" style="width:16.3%; background:var(--organic)"></div></div>
<div class="hbar-value">1 379</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="Dschungel Tapete Kinderzimmer | Giraffe Elefant Faultier">Dschungel Tapete Kinderzimmer | Giraffe Elefant Faultier</div>
<div class="hbar-track"><div class="hbar-fill" style="width:4.4%; background:var(--organic)"></div></div>
<div class="hbar-value">371</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="Fototapete Weltraum Kinderzimmer | Planeten Tapete Baby">Fototapete Weltraum Kinderzimmer | Planeten Tapete Baby</div>
<div class="hbar-track"><div class="hbar-fill" style="width:3.9%; background:var(--organic)"></div></div>
<div class="hbar-value">332</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="Safari Nursery Ideas | Watercolor Animal Wall Mural">Safari Nursery Ideas | Watercolor Animal Wall Mural</div>
<div class="hbar-track"><div class="hbar-fill" style="width:3.5%; background:var(--organic)"></div></div>
<div class="hbar-value">298</div>
</div>
</div>
</div>
</div>
<div class="tab-panel" id="panel-traffic">
<div class="panel" style="margin-bottom:16px;">
<p class="card-kicker">Источники трафика (source / medium)</p>
<p class="card-kicker-sub">по Сессии, Вовлечено</p>
<div class="table-wrap">
<table>
<thead><tr><th>Source / medium</th><th class="num h-google">Сессии</th><th class="num">Пользователи</th><th class="num h-organic">Вовлечено</th><th class="num">Eng. rate</th><th class="num">Ср. время</th></tr></thead>
<tbody>
<tr>
<td>(direct) / (none)</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 46.0%, white)">234</td>
<td class="num">190</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 46.0%, white)">137</td>
<td class="num">59%</td>
<td class="num">2м 05с</td>
</tr>
<tr>
<td>google / cpc</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 23.8%, white)">104</td>
<td class="num">96</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 24.7%, white)">64</td>
<td class="num">62%</td>
<td class="num">1м 23с</td>
</tr>
<tr>
<td>(not set)</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 11.6%, white)">33</td>
<td class="num">32</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 6.0%, white)">0</td>
<td class="num">0%</td>
<td class="num">0м 45с</td>
</tr>
<tr>
<td>(data not available)</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 7.0%, white)">6</td>
<td class="num">6</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 7.2%, white)">4</td>
<td class="num">67%</td>
<td class="num">0м 40с</td>
</tr>
<tr>
<td>google / organic</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.9%, white)">5</td>
<td class="num">5</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 6.3%, white)">1</td>
<td class="num">20%</td>
<td class="num">0м 36с</td>
</tr>
<tr>
<td>connexity / cpc</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.7%, white)">4</td>
<td class="num">4</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 6.9%, white)">3</td>
<td class="num">75%</td>
<td class="num">0м 16с</td>
</tr>
<tr>
<td>pinterest.com / referral</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.5%, white)">3</td>
<td class="num">3</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 6.9%, white)">3</td>
<td class="num">100%</td>
<td class="num">1м 09с</td>
</tr>
<tr>
<td>bing / cpc</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.3%, white)">2</td>
<td class="num">1</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 6.3%, white)">1</td>
<td class="num">50%</td>
<td class="num">0м 00с</td>
</tr>
<tr>
<td>m.facebook.com / referral</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.2%, white)">1</td>
<td class="num">1</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 6.0%, white)">0</td>
<td class="num">0%</td>
<td class="num">5м 00с</td>
</tr>
<tr>
<td>pinterest / display_product</td>
<td class="num" style="background:color-mix(in srgb, var(--google) 6.2%, white)">1</td>
<td class="num">1</td>
<td class="num" style="background:color-mix(in srgb, var(--organic) 6.3%, white)">1</td>
<td class="num">100%</td>
<td class="num">0м 16с</td>
</tr>
<tr class="row-total">
<td>Общий итог</td>
<td class="num">393</td>
<td class="num">339</td>
<td class="num">214</td>
<td class="num">54%</td>
<td class="num">—</td>
</tr>
</tbody>
</table>
<div class="table-pagination"><span class="pg-arrow">‹</span> 1–10 / 10 <span class="pg-arrow">›</span></div>
</div>
</div>
<div class="grid-2">
<div class="panel">
<p class="card-kicker">Топ посадочных страниц (landing pages)</p>
<p class="card-kicker-sub">по Сессии, Вовлечено</p>
<div class="table-wrap">
<table>
<thead><tr><th>Страница</th><th class="num">Сессии</th><th class="num">Вовлечено</th><th class="num">Ср. время</th></tr></thead>
<tbody>
<tr>
<td><span class="url-cell" title="/ (главная магазина)">/ (главная магазина)</span></td>
<td class="num">25</td>
<td class="num">1</td>
<td class="num">0м 21с</td>
</tr>
<tr>
<td><span class="url-cell" title="/listing/4478282688/solar-system-wallpaper-nursery-space?etsrc=sdt&coupon=WELCOME3">/listing/4478282688/solar-system-wallpaper-nursery-space?et…</span></td>
<td class="num">12</td>
<td class="num">5</td>
<td class="num">1м 44с</td>
</tr>
<tr>
<td><span class="url-cell" title="(не определено)">(не определено)</span></td>
<td class="num">10</td>
<td class="num">0</td>
<td class="num">0м 00с</td>
</tr>
<tr>
<td><span class="url-cell" title="/de/listing/4465016269/personalisierte-bar-tapete-mit-name?ref=elp_anchor_listing&frs=1&sts=1">/de/listing/4465016269/personalisierte-bar-tapete-mit-name?…</span></td>
<td class="num">6</td>
<td class="num">6</td>
<td class="num">1м 45с</td>
</tr>
<tr>
<td><span class="url-cell" title="/listing/4453400221/scandi-berge-tapete-kinderzimmer-wald?etsrc=sdt&coupon=WELCOME3">/listing/4453400221/scandi-berge-tapete-kinderzimmer-wald?e…</span></td>
<td class="num">6</td>
<td class="num">2</td>
<td class="num">0м 26с</td>
</tr>
<tr>
<td><span class="url-cell" title="/de-en/listing/4456589515/non-woven-photo-wallpaper-for-childrens?ls=s&ga_order=most_relevant&ga_search_type=all&ga_view_type=gallery&ga_search_query=wallpaper+nursery+boy&ref=sr_gallery-3-40&organic_search_click=1&frs=1&sts=1&loc=1&local_signal_search=1&content_source=9acd4dfc-6b32-4397-a636-bc88035dc3b3%253ALTda79c69811a6f6a9e677e0e3952b93f043dadce8&logging_key=9acd4dfc-6b32-4397-a636-bc88035dc3b3%3ALTda79c69811a6f6a9e677e0e3952b93f043dadce8">/de-en/listing/4456589515/non-woven-photo-wallpaper-for-chi…</span></td>
<td class="num">5</td>
<td class="num">1</td>
<td class="num">0м 19с</td>
</tr>
<tr>
<td><span class="url-cell" title="/de/listing/4461943399/blumen-kinderzimmer-tapete-aquarell-o?ref=elp_anchor_listing&frs=1&sts=1">/de/listing/4461943399/blumen-kinderzimmer-tapete-aquarell-…</span></td>
<td class="num">5</td>
<td class="num">3</td>
<td class="num">0м 30с</td>
</tr>
<tr>
<td><span class="url-cell" title="/de/listing/4465016269/personalisierte-bar-tapete-mit-name?gpla=1&gao=1">/de/listing/4465016269/personalisierte-bar-tapete-mit-name?…</span></td>
<td class="num">4</td>
<td class="num">1</td>
<td class="num">0м 06с</td>
</tr>
<tr>
<td><span class="url-cell" title="/de/listing/4478282688/solar-system-wallpaper-nursery-space?ref=cart">/de/listing/4478282688/solar-system-wallpaper-nursery-space…</span></td>
<td class="num">3</td>
<td class="num">3</td>
<td class="num">2м 08с</td>
</tr>
<tr>
<td><span class="url-cell" title="/de/listing/4505606026/boho-woodland-wallpaper-whimsical-forest?ref=share_v4_lx">/de/listing/4505606026/boho-woodland-wallpaper-whimsical-fo…</span></td>
<td class="num">3</td>
<td class="num">2</td>
<td class="num">1м 38с</td>
</tr></tbody>
</table>
</div>
</div>
<div class="panel">
<p class="card-kicker">Топ посадочных страниц по сессиям</p>
<p class="card-kicker-sub">топ-10, GA4</p>
<div class="hbar-row">
<div class="hbar-label" title="/ (главная магазина)">/ (главная магазина)</div>
<div class="hbar-track"><div class="hbar-fill" style="width:100.0%; background:var(--google)"></div></div>
<div class="hbar-value">25</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="/listing/4478282688/solar-system-wallpaper-nursery-space?et…">/listing/4478282688/solar-system-wallpaper-nursery-space?et…</div>
<div class="hbar-track"><div class="hbar-fill" style="width:48.0%; background:var(--google)"></div></div>
<div class="hbar-value">12</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="(не определено)">(не определено)</div>
<div class="hbar-track"><div class="hbar-fill" style="width:40.0%; background:var(--google)"></div></div>
<div class="hbar-value">10</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="/de/listing/4465016269/personalisierte-bar-tapete-mit-name?…">/de/listing/4465016269/personalisierte-bar-tapete-mit-name?…</div>
<div class="hbar-track"><div class="hbar-fill" style="width:24.0%; background:var(--google)"></div></div>
<div class="hbar-value">6</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="/listing/4453400221/scandi-berge-tapete-kinderzimmer-wald?e…">/listing/4453400221/scandi-berge-tapete-kinderzimmer-wald?e…</div>
<div class="hbar-track"><div class="hbar-fill" style="width:24.0%; background:var(--google)"></div></div>
<div class="hbar-value">6</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="/de-en/listing/4456589515/non-woven-photo-wallpaper-for-chi…">/de-en/listing/4456589515/non-woven-photo-wallpaper-for-chi…</div>
<div class="hbar-track"><div class="hbar-fill" style="width:20.0%; background:var(--google)"></div></div>
<div class="hbar-value">5</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="/de/listing/4461943399/blumen-kinderzimmer-tapete-aquarell-…">/de/listing/4461943399/blumen-kinderzimmer-tapete-aquarell-…</div>
<div class="hbar-track"><div class="hbar-fill" style="width:20.0%; background:var(--google)"></div></div>
<div class="hbar-value">5</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="/de/listing/4465016269/personalisierte-bar-tapete-mit-name?…">/de/listing/4465016269/personalisierte-bar-tapete-mit-name?…</div>
<div class="hbar-track"><div class="hbar-fill" style="width:16.0%; background:var(--google)"></div></div>
<div class="hbar-value">4</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="/de/listing/4478282688/solar-system-wallpaper-nursery-space…">/de/listing/4478282688/solar-system-wallpaper-nursery-space…</div>
<div class="hbar-track"><div class="hbar-fill" style="width:12.0%; background:var(--google)"></div></div>
<div class="hbar-value">3</div>
</div>
<div class="hbar-row">
<div class="hbar-label" title="/de/listing/4505606026/boho-woodland-wallpaper-whimsical-fo…">/de/listing/4505606026/boho-woodland-wallpaper-whimsical-fo…</div>
<div class="hbar-track"><div class="hbar-fill" style="width:12.0%; background:var(--google)"></div></div>
<div class="hbar-value">3</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
</div>
<footer class="foot">
<strong>Методология и допущения (Phase 0 preview):</strong>
<ol>
<li>«Клики, всего» и Blended CPC = собственная метрика клика каждой платформы (Google Ads clicks + Pinterest clickthrough). Клики Pinterest, реально ушедшие на Etsy (outbound), показаны отдельно в разделах Pinterest.</li>
<li>Google Ads и GA4: ряды по дням начинаются c 08.07.2026 — раньше в аккаунте не зафиксировано активности за этот период, это не пропуск данных.</li>
<li>Заказы Etsy взяты из ручного CSV-экспорта (orders.csv), даты заказов не привязаны к последним 30 дням рекламы — ROAS в KPI-строке носит ориентировочный, а не last-click характер. Прибыль — «н/д», т.к. поля комиссии/доставки/печати не заполнены в текущем CSV.</li>
<li>Pinterest ОРГАНИКА — lifetime-показатели существующих пинов на срез 20.07.2026 (последний доступный экспорт), не «за 30 дней».</li>
<li>Etsy Ads — источника данных пока нет, канал подключается вручную через CSV.</li>
</ol>
<p style="margin-top:10px;">Все данные — read-only снимок на 20.07.2026. Это статический HTML-макет визуального языка будущей Grafana-панели, не сама панель. Палитра и тема оформления зафиксированы на светлой — страница не переключается в тёмный режим.</p>
</footer>