siluzan-tso-cli 1.1.12 → 1.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -29
- package/dist/index.js +2267 -1440
- package/dist/skill/SKILL.md +93 -34
- package/dist/skill/_meta.json +2 -2
- package/dist/skill/assets/campaign-create-template.json +96 -101
- package/dist/skill/references/account-analytics.md +64 -62
- package/dist/skill/references/accounts.md +130 -130
- package/dist/skill/references/clue.md +13 -13
- package/dist/skill/references/finance.md +62 -61
- package/dist/skill/references/forewarning.md +40 -39
- package/dist/skill/references/google-ads-rules/google-ads-account-audit.md +165 -161
- package/dist/skill/references/google-ads-rules/google-ads-audience-strategy.md +94 -85
- package/dist/skill/references/google-ads-rules/google-ads-campaign-optimization.md +97 -85
- package/dist/skill/references/google-ads-rules/google-ads-compliance.md +274 -272
- package/dist/skill/references/google-ads-rules/google-ads-conversion-architecture.md +97 -82
- package/dist/skill/references/google-ads-rules/google-ads-creative-optimization.md +143 -139
- package/dist/skill/references/google-ads-rules/google-ads-keyword-optimization.md +131 -128
- package/dist/skill/references/google-ads-rules/google-ads-keyword-strategy.md +175 -173
- package/dist/skill/references/google-ads-rules/google-ads-launch-plan-template.md +126 -123
- package/dist/skill/references/google-ads-rules/google-ads-pmax-guide.md +86 -73
- package/dist/skill/references/google-ads-rules/sensitive-industries.md +43 -8
- package/dist/skill/references/google-ads.md +201 -196
- package/dist/skill/references/open-account-by-media.md +23 -23
- package/dist/skill/references/open-account-google-ui.md +26 -26
- package/dist/skill/references/optimize.md +8 -8
- package/dist/skill/references/reporting.md +28 -28
- package/dist/skill/references/setup.md +10 -7
- package/dist/skill/references/tso-home.md +11 -11
- package/dist/skill/references/workflows.md +28 -26
- package/dist/skill/report-templates/README.md +22 -21
- package/dist/skill/report-templates/REPORT-WORKFLOW.md +9 -9
- package/dist/skill/report-templates/bing-period-report.md +11 -11
- package/dist/skill/report-templates/google-ads-diagnosis.md +86 -86
- package/dist/skill/report-templates/google-period-report.md +23 -23
- package/dist/skill/report-templates/report-template-academic.html +433 -341
- package/dist/skill/report-templates/report-template-dark.html +440 -257
- package/dist/skill/report-templates/report-template-formal.html +438 -288
- package/dist/skill/report-templates/report-template-mobile.html +456 -241
- package/dist/skill/report-templates/report-template-onepager.html +452 -240
- package/dist/skill/report-templates/report-template-print.html +355 -243
- package/dist/skill/report-templates/report-template.html +485 -392
- package/dist/skill/report-templates/tiktok-period-report.md +10 -10
- package/package.json +13 -13
- package/scripts/postinstall.mjs +3 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!doctype html>
|
|
2
2
|
<!--
|
|
3
3
|
风格：专业学术（论文式层级、衬线标题、低饱和配色、弱装饰、表格偏「期刊」）
|
|
4
4
|
与 report-template.html 区块结构、data-section-id 一致，可互换填充数据。
|
|
@@ -8,366 +8,458 @@
|
|
|
8
8
|
如需离线使用，请将对应资源下载到本地并替换 <script>/<link> 的 src/href。
|
|
9
9
|
-->
|
|
10
10
|
<html lang="zh-CN">
|
|
11
|
-
<head>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
11
|
+
<head>
|
|
12
|
+
<meta charset="UTF-8" />
|
|
13
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
14
|
+
<title>广告数据报告 — 学术风格版式参考</title>
|
|
15
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
16
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
17
|
+
<link
|
|
18
|
+
href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap"
|
|
19
|
+
rel="stylesheet"
|
|
20
|
+
/>
|
|
21
|
+
<script src="https://cdn.tailwindcss.com"></script>
|
|
22
|
+
<script>
|
|
23
|
+
tailwind.config = {
|
|
24
|
+
theme: {
|
|
25
|
+
extend: {
|
|
26
|
+
fontFamily: {
|
|
27
|
+
serif: ['"Noto Serif SC"', '"Source Serif 4"', "Georgia", "Times New Roman", "serif"],
|
|
28
|
+
/* 表格与数据用无衬线，提升数字对齐与密度 */
|
|
29
|
+
sans: [
|
|
30
|
+
"ui-sans-serif",
|
|
31
|
+
"Segoe UI",
|
|
32
|
+
"PingFang SC",
|
|
33
|
+
"Microsoft YaHei",
|
|
34
|
+
"Helvetica Neue",
|
|
35
|
+
"Arial",
|
|
36
|
+
"sans-serif",
|
|
37
|
+
],
|
|
38
|
+
},
|
|
27
39
|
},
|
|
28
40
|
},
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
<
|
|
60
|
-
|
|
41
|
+
};
|
|
42
|
+
</script>
|
|
43
|
+
<link
|
|
44
|
+
rel="stylesheet"
|
|
45
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
|
|
46
|
+
crossorigin="anonymous"
|
|
47
|
+
referrerpolicy="no-referrer"
|
|
48
|
+
/>
|
|
49
|
+
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js"></script>
|
|
50
|
+
<style>
|
|
51
|
+
@media print {
|
|
52
|
+
body {
|
|
53
|
+
background: #fff !important;
|
|
54
|
+
}
|
|
55
|
+
.no-print {
|
|
56
|
+
display: none !important;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
</style>
|
|
60
|
+
</head>
|
|
61
|
+
<body class="min-h-screen bg-stone-200 font-serif text-stone-900 antialiased leading-relaxed">
|
|
62
|
+
<main
|
|
63
|
+
class="mx-auto my-6 max-w-3xl bg-white px-6 py-10 shadow-sm ring-1 ring-stone-300 sm:px-10 sm:py-12"
|
|
64
|
+
>
|
|
65
|
+
<header class="mb-10 border-b-2 border-stone-800 pb-6">
|
|
66
|
+
<div class="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
|
|
67
|
+
<div>
|
|
68
|
+
<p class="font-sans text-[11px] font-medium uppercase tracking-[0.2em] text-stone-500">
|
|
69
|
+
Technical Report · Siluzan
|
|
70
|
+
</p>
|
|
71
|
+
<h1 class="mt-2 text-2xl font-semibold tracking-tight text-stone-900 sm:text-3xl">
|
|
72
|
+
<i class="fa-solid fa-book-open mr-2 text-stone-600" aria-hidden="true"></i>
|
|
73
|
+
数据报告标题
|
|
74
|
+
</h1>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="flex flex-col gap-2 font-sans text-sm text-stone-700">
|
|
77
|
+
<span class="border border-stone-400 bg-stone-50 px-3 py-2">
|
|
78
|
+
<span class="text-stone-500">账户</span>
|
|
79
|
+
<strong id="accountName" class="ml-2 font-semibold text-stone-900">示例账户</strong>
|
|
80
|
+
</span>
|
|
81
|
+
<span class="border border-stone-400 bg-stone-50 px-3 py-2">
|
|
82
|
+
<span class="text-stone-500">观测区间</span>
|
|
83
|
+
<strong id="reportPeriod" class="ml-2 font-semibold text-stone-900"
|
|
84
|
+
>2026-03-01 ~ 2026-03-07</strong
|
|
85
|
+
>
|
|
86
|
+
</span>
|
|
87
|
+
</div>
|
|
61
88
|
</div>
|
|
62
|
-
</
|
|
63
|
-
</header>
|
|
89
|
+
</header>
|
|
64
90
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
91
|
+
<aside
|
|
92
|
+
class="no-print mb-10 border-l-2 border-stone-700 bg-stone-100 p-4 font-sans text-sm text-stone-800"
|
|
93
|
+
>
|
|
94
|
+
<p class="font-semibold">摘要性说明（数据口径）</p>
|
|
95
|
+
<p class="mt-2 text-stone-700">
|
|
96
|
+
若报告涉及 BingV2，统计区间不可包含今天或昨天；具体以接口与 CLI
|
|
97
|
+
说明为准。此类约束建议置于文首，以降低误读风险。
|
|
98
|
+
</p>
|
|
99
|
+
</aside>
|
|
71
100
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
101
|
+
<section class="mb-12" data-section-id="section-executive-summary">
|
|
102
|
+
<h2 class="mb-1 font-serif text-xl font-semibold text-stone-900">
|
|
103
|
+
<span class="mr-2 font-sans tabular-nums text-stone-600">1.</span>
|
|
104
|
+
执行摘要：核心指标
|
|
105
|
+
</h2>
|
|
106
|
+
<p class="mb-5 font-sans text-sm text-stone-600">
|
|
107
|
+
总览类指标（消耗、展示、点击、转化及派生率）；环比以符号与脚注形式呈现，避免过度装饰。
|
|
108
|
+
</p>
|
|
78
109
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
<
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
<
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
110
|
+
<div class="grid grid-cols-2 gap-3 font-sans lg:grid-cols-4">
|
|
111
|
+
<article class="border border-stone-400 bg-stone-50/80 p-4">
|
|
112
|
+
<div
|
|
113
|
+
class="flex items-center justify-between text-xs font-medium uppercase tracking-wide text-stone-500"
|
|
114
|
+
>
|
|
115
|
+
<span>消耗</span>
|
|
116
|
+
<i class="fa-solid fa-coins text-stone-500" aria-hidden="true"></i>
|
|
117
|
+
</div>
|
|
118
|
+
<p id="spendValue" class="mt-2 text-xl font-semibold tabular-nums text-stone-900">
|
|
119
|
+
¥12,580
|
|
120
|
+
</p>
|
|
121
|
+
<p id="spendPct" class="mt-1 text-xs text-stone-600">
|
|
122
|
+
环比 <span class="font-semibold text-stone-800">+8.2%</span>
|
|
123
|
+
</p>
|
|
124
|
+
</article>
|
|
125
|
+
<article class="border border-stone-400 bg-stone-50/80 p-4">
|
|
126
|
+
<div
|
|
127
|
+
class="flex items-center justify-between text-xs font-medium uppercase tracking-wide text-stone-500"
|
|
128
|
+
>
|
|
129
|
+
<span>展示</span>
|
|
130
|
+
<i class="fa-regular fa-eye text-stone-500" aria-hidden="true"></i>
|
|
131
|
+
</div>
|
|
132
|
+
<p id="impressionsValue" class="mt-2 text-xl font-semibold tabular-nums text-stone-900">
|
|
133
|
+
1.24M
|
|
134
|
+
</p>
|
|
135
|
+
<p id="impressionsPct" class="mt-1 text-xs text-stone-600">
|
|
136
|
+
环比 <span class="font-semibold">−2.1%</span>
|
|
137
|
+
</p>
|
|
138
|
+
</article>
|
|
139
|
+
<article class="border border-stone-400 bg-stone-50/80 p-4">
|
|
140
|
+
<div
|
|
141
|
+
class="flex items-center justify-between text-xs font-medium uppercase tracking-wide text-stone-500"
|
|
142
|
+
>
|
|
143
|
+
<span>点击</span>
|
|
144
|
+
<i class="fa-solid fa-arrow-pointer text-stone-500" aria-hidden="true"></i>
|
|
145
|
+
</div>
|
|
146
|
+
<p id="clicksValue" class="mt-2 text-xl font-semibold tabular-nums text-stone-900">
|
|
147
|
+
18,420
|
|
148
|
+
</p>
|
|
149
|
+
<p id="clicksPct" class="mt-1 text-xs text-stone-600">
|
|
150
|
+
CTR <span class="font-semibold text-stone-800">1.49%</span>
|
|
151
|
+
</p>
|
|
152
|
+
</article>
|
|
153
|
+
<article class="border border-stone-400 bg-stone-50/80 p-4">
|
|
154
|
+
<div
|
|
155
|
+
class="flex items-center justify-between text-xs font-medium uppercase tracking-wide text-stone-500"
|
|
156
|
+
>
|
|
157
|
+
<span>转化</span>
|
|
158
|
+
<i class="fa-solid fa-crosshairs text-stone-600" aria-hidden="true"></i>
|
|
159
|
+
</div>
|
|
160
|
+
<p class="mt-2 text-xl font-semibold tabular-nums text-stone-900">312</p>
|
|
161
|
+
<p class="mt-1 text-xs text-stone-600">
|
|
162
|
+
CPA <span class="font-semibold text-stone-800">¥40.3</span>
|
|
163
|
+
</p>
|
|
164
|
+
</article>
|
|
165
|
+
</div>
|
|
115
166
|
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
167
|
+
<figure class="mt-6 border border-stone-400 bg-white p-4">
|
|
168
|
+
<figcaption class="mb-3 font-sans text-sm font-semibold text-stone-800">
|
|
169
|
+
图 1 关键指标时间序列（示例）
|
|
170
|
+
</figcaption>
|
|
171
|
+
<div
|
|
172
|
+
id="trendChart"
|
|
173
|
+
class="h-72 w-full min-h-[240px]"
|
|
174
|
+
role="img"
|
|
175
|
+
aria-label="关键指标趋势图"
|
|
176
|
+
></div>
|
|
177
|
+
</figure>
|
|
178
|
+
</section>
|
|
123
179
|
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
180
|
+
<section class="mb-12" data-section-id="section-kpi-funnel">
|
|
181
|
+
<h2 class="mb-4 font-serif text-xl font-semibold text-stone-900">
|
|
182
|
+
<span class="mr-2 font-sans tabular-nums text-stone-600">2.</span>
|
|
183
|
+
漏斗式概览
|
|
184
|
+
</h2>
|
|
185
|
+
<div class="overflow-x-auto border border-stone-800">
|
|
186
|
+
<table class="min-w-full border-collapse font-sans text-sm">
|
|
187
|
+
<thead>
|
|
188
|
+
<tr class="border-b border-stone-800 bg-stone-200">
|
|
189
|
+
<th scope="col" class="px-3 py-2 text-left font-semibold text-stone-900">步骤</th>
|
|
190
|
+
<th scope="col" class="px-3 py-2 text-left font-semibold text-stone-900">指标</th>
|
|
191
|
+
<th scope="col" class="px-3 py-2 text-right font-semibold text-stone-900">数值</th>
|
|
192
|
+
<th scope="col" class="px-3 py-2 text-left font-semibold text-stone-900">附注</th>
|
|
193
|
+
</tr>
|
|
194
|
+
</thead>
|
|
195
|
+
<tbody>
|
|
196
|
+
<tr class="border-b border-stone-300">
|
|
197
|
+
<td class="px-3 py-2 font-medium text-stone-800">1</td>
|
|
198
|
+
<td class="px-3 py-2">消耗 (Cost)</td>
|
|
199
|
+
<td class="px-3 py-2 text-right tabular-nums font-medium">¥12,580</td>
|
|
200
|
+
<td class="px-3 py-2 text-stone-600">—</td>
|
|
201
|
+
</tr>
|
|
202
|
+
<tr class="border-b border-stone-300">
|
|
203
|
+
<td class="px-3 py-2 font-medium text-stone-800">2</td>
|
|
204
|
+
<td class="px-3 py-2">展示次数 (Impressions)</td>
|
|
205
|
+
<td class="px-3 py-2 text-right tabular-nums font-medium">1,240,000</td>
|
|
206
|
+
<td class="px-3 py-2 text-stone-600">—</td>
|
|
207
|
+
</tr>
|
|
208
|
+
<tr class="border-b border-stone-300">
|
|
209
|
+
<td class="px-3 py-2 font-medium text-stone-800">3</td>
|
|
210
|
+
<td class="px-3 py-2">点击次数 (Clicks)</td>
|
|
211
|
+
<td class="px-3 py-2 text-right tabular-nums font-medium">18,420</td>
|
|
212
|
+
<td class="px-3 py-2 text-stone-600">CTR 1.49%</td>
|
|
213
|
+
</tr>
|
|
214
|
+
<tr>
|
|
215
|
+
<td class="px-3 py-2 font-medium text-stone-800">4</td>
|
|
216
|
+
<td class="px-3 py-2">转化次数 (Conversions)</td>
|
|
217
|
+
<td class="px-3 py-2 text-right tabular-nums font-medium">312</td>
|
|
218
|
+
<td class="px-3 py-2 text-stone-600">CVR —</td>
|
|
219
|
+
</tr>
|
|
220
|
+
</tbody>
|
|
221
|
+
</table>
|
|
222
|
+
</div>
|
|
223
|
+
</section>
|
|
168
224
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
225
|
+
<section class="mb-12" data-section-id="section-structure-breakdown">
|
|
226
|
+
<h2 class="mb-4 font-serif text-xl font-semibold text-stone-900">
|
|
227
|
+
<span class="mr-2 font-sans tabular-nums text-stone-600">3.</span>
|
|
228
|
+
账户结构与分布
|
|
229
|
+
</h2>
|
|
230
|
+
<div class="grid gap-6 lg:grid-cols-2">
|
|
231
|
+
<div class="grid grid-cols-2 gap-2 font-sans sm:grid-cols-3">
|
|
232
|
+
<div class="border border-stone-400 bg-stone-50 p-3 text-center">
|
|
233
|
+
<p class="text-xl font-semibold text-stone-900">42</p>
|
|
234
|
+
<p class="text-xs text-stone-600">有效系列</p>
|
|
235
|
+
</div>
|
|
236
|
+
<div class="border border-stone-400 bg-stone-50 p-3 text-center">
|
|
237
|
+
<p class="text-xl font-semibold text-stone-900">128</p>
|
|
238
|
+
<p class="text-xs text-stone-600">广告组</p>
|
|
239
|
+
</div>
|
|
240
|
+
<div class="border border-stone-400 bg-stone-50 p-3 text-center">
|
|
241
|
+
<p class="text-xl font-semibold text-stone-900">3.2k</p>
|
|
242
|
+
<p class="text-xs text-stone-600">关键字</p>
|
|
243
|
+
</div>
|
|
244
|
+
<div class="border border-stone-400 bg-stone-50 p-3 text-center">
|
|
245
|
+
<p class="text-xl font-semibold text-stone-900">860</p>
|
|
246
|
+
<p class="text-xs text-stone-600">广告</p>
|
|
247
|
+
</div>
|
|
248
|
+
<div class="border border-stone-400 bg-stone-50 p-3 text-center">
|
|
249
|
+
<p class="text-xl font-semibold text-stone-900">12</p>
|
|
250
|
+
<p class="text-xs text-stone-600">投放国家</p>
|
|
251
|
+
</div>
|
|
252
|
+
<div class="border border-stone-400 bg-stone-50 p-3 text-center">
|
|
253
|
+
<p class="text-xl font-semibold text-stone-900">24</p>
|
|
254
|
+
<p class="text-xs text-stone-600">附加链接</p>
|
|
255
|
+
</div>
|
|
191
256
|
</div>
|
|
192
|
-
<
|
|
193
|
-
<
|
|
194
|
-
|
|
257
|
+
<figure class="border border-stone-400 bg-white p-4">
|
|
258
|
+
<figcaption class="mb-2 font-sans text-sm font-semibold text-stone-800">
|
|
259
|
+
图 2 设备构成（示例）
|
|
260
|
+
</figcaption>
|
|
261
|
+
<div id="breakdownChart" class="h-64 w-full" role="img" aria-label="构成图"></div>
|
|
262
|
+
</figure>
|
|
263
|
+
</div>
|
|
264
|
+
</section>
|
|
265
|
+
|
|
266
|
+
<section class="mb-12" data-section-id="section-diagnosis-pros-cons">
|
|
267
|
+
<h2 class="mb-4 font-serif text-xl font-semibold text-stone-900">
|
|
268
|
+
<span class="mr-2 font-sans tabular-nums text-stone-600">4.</span>
|
|
269
|
+
诊断性讨论
|
|
270
|
+
</h2>
|
|
271
|
+
<div class="grid gap-4 md:grid-cols-2">
|
|
272
|
+
<div class="border border-stone-400 border-l-4 border-l-stone-600 bg-stone-50 p-4">
|
|
273
|
+
<h3 class="mb-2 font-sans text-sm font-bold uppercase tracking-wide text-stone-800">
|
|
274
|
+
观察到的优势
|
|
275
|
+
</h3>
|
|
276
|
+
<ul class="list-disc space-y-2 pl-5 font-sans text-sm text-stone-800">
|
|
277
|
+
<li><strong>消耗效率稳定</strong> — 近 7 日 CPA 低于账户均值。</li>
|
|
278
|
+
<li><strong>高意向词覆盖</strong> — 头部关键词 CVR 提升明显。</li>
|
|
279
|
+
</ul>
|
|
195
280
|
</div>
|
|
196
|
-
<div class="border border-stone-400 bg-stone-50 p-
|
|
197
|
-
<
|
|
198
|
-
|
|
281
|
+
<div class="border border-stone-400 border-l-4 border-l-stone-800 bg-stone-50 p-4">
|
|
282
|
+
<h3 class="mb-2 font-sans text-sm font-bold uppercase tracking-wide text-stone-800">
|
|
283
|
+
局限与风险
|
|
284
|
+
</h3>
|
|
285
|
+
<ul class="list-disc space-y-2 pl-5 font-sans text-sm text-stone-800">
|
|
286
|
+
<li><strong>展示份额下滑</strong> — 部分系列受预算或出价约束。</li>
|
|
287
|
+
<li><strong>否定词覆盖不足</strong> — 搜索词报表存在低效流量。</li>
|
|
288
|
+
</ul>
|
|
199
289
|
</div>
|
|
200
290
|
</div>
|
|
201
|
-
|
|
202
|
-
<figcaption class="mb-2 font-sans text-sm font-semibold text-stone-800">
|
|
203
|
-
图 2 设备构成（示例）
|
|
204
|
-
</figcaption>
|
|
205
|
-
<div id="breakdownChart" class="h-64 w-full" role="img" aria-label="构成图"></div>
|
|
206
|
-
</figure>
|
|
207
|
-
</div>
|
|
208
|
-
</section>
|
|
291
|
+
</section>
|
|
209
292
|
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
293
|
+
<section class="mb-12" data-section-id="section-data-table">
|
|
294
|
+
<h2 class="mb-4 font-serif text-xl font-semibold text-stone-900">
|
|
295
|
+
<span class="mr-2 font-sans tabular-nums text-stone-600">5.</span>
|
|
296
|
+
明细数据表
|
|
297
|
+
</h2>
|
|
298
|
+
<div class="overflow-x-auto border border-stone-800">
|
|
299
|
+
<table class="min-w-[640px] w-full border-collapse text-left font-sans text-sm">
|
|
300
|
+
<thead>
|
|
301
|
+
<tr class="border-b border-stone-800 bg-stone-200">
|
|
302
|
+
<th class="whitespace-nowrap px-3 py-2 font-semibold">系列</th>
|
|
303
|
+
<th class="whitespace-nowrap px-3 py-2 font-semibold">花费</th>
|
|
304
|
+
<th class="whitespace-nowrap px-3 py-2 font-semibold">点击</th>
|
|
305
|
+
<th class="whitespace-nowrap px-3 py-2 font-semibold">转化</th>
|
|
306
|
+
<th class="whitespace-nowrap px-3 py-2 font-semibold">CVR</th>
|
|
307
|
+
<th class="whitespace-nowrap px-3 py-2 font-semibold">环比花费</th>
|
|
308
|
+
</tr>
|
|
309
|
+
</thead>
|
|
310
|
+
<tbody>
|
|
311
|
+
<tr class="border-b border-stone-300">
|
|
312
|
+
<td class="whitespace-nowrap px-3 py-2 font-medium">品牌-搜索</td>
|
|
313
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">¥4,200</td>
|
|
314
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">2,100</td>
|
|
315
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">98</td>
|
|
316
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">4.7%</td>
|
|
317
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">+5%</td>
|
|
318
|
+
</tr>
|
|
319
|
+
<tr>
|
|
320
|
+
<td class="whitespace-nowrap px-3 py-2 font-medium">通用-搜索</td>
|
|
321
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">¥8,380</td>
|
|
322
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">16,320</td>
|
|
323
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">214</td>
|
|
324
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">1.3%</td>
|
|
325
|
+
<td class="whitespace-nowrap px-3 py-2 tabular-nums">−3%</td>
|
|
326
|
+
</tr>
|
|
327
|
+
</tbody>
|
|
328
|
+
</table>
|
|
222
329
|
</div>
|
|
223
|
-
<
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
<li><strong>否定词覆盖不足</strong> — 搜索词报表存在低效流量。</li>
|
|
228
|
-
</ul>
|
|
229
|
-
</div>
|
|
230
|
-
</div>
|
|
231
|
-
</section>
|
|
232
|
-
|
|
233
|
-
<section class="mb-12" data-section-id="section-data-table">
|
|
234
|
-
<h2 class="mb-4 font-serif text-xl font-semibold text-stone-900">
|
|
235
|
-
<span class="mr-2 font-sans tabular-nums text-stone-600">5.</span>
|
|
236
|
-
明细数据表
|
|
237
|
-
</h2>
|
|
238
|
-
<div class="overflow-x-auto border border-stone-800">
|
|
239
|
-
<table class="min-w-[640px] w-full border-collapse text-left font-sans text-sm">
|
|
240
|
-
<thead>
|
|
241
|
-
<tr class="border-b border-stone-800 bg-stone-200">
|
|
242
|
-
<th class="whitespace-nowrap px-3 py-2 font-semibold">系列</th>
|
|
243
|
-
<th class="whitespace-nowrap px-3 py-2 font-semibold">花费</th>
|
|
244
|
-
<th class="whitespace-nowrap px-3 py-2 font-semibold">点击</th>
|
|
245
|
-
<th class="whitespace-nowrap px-3 py-2 font-semibold">转化</th>
|
|
246
|
-
<th class="whitespace-nowrap px-3 py-2 font-semibold">CVR</th>
|
|
247
|
-
<th class="whitespace-nowrap px-3 py-2 font-semibold">环比花费</th>
|
|
248
|
-
</tr>
|
|
249
|
-
</thead>
|
|
250
|
-
<tbody>
|
|
251
|
-
<tr class="border-b border-stone-300">
|
|
252
|
-
<td class="whitespace-nowrap px-3 py-2 font-medium">品牌-搜索</td>
|
|
253
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">¥4,200</td>
|
|
254
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">2,100</td>
|
|
255
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">98</td>
|
|
256
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">4.7%</td>
|
|
257
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">+5%</td>
|
|
258
|
-
</tr>
|
|
259
|
-
<tr>
|
|
260
|
-
<td class="whitespace-nowrap px-3 py-2 font-medium">通用-搜索</td>
|
|
261
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">¥8,380</td>
|
|
262
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">16,320</td>
|
|
263
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">214</td>
|
|
264
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">1.3%</td>
|
|
265
|
-
<td class="whitespace-nowrap px-3 py-2 tabular-nums">−3%</td>
|
|
266
|
-
</tr>
|
|
267
|
-
</tbody>
|
|
268
|
-
</table>
|
|
269
|
-
</div>
|
|
270
|
-
<p class="mt-2 font-sans text-xs text-stone-600">注：宽表建议横向滚动；数值列使用等宽数字体。</p>
|
|
271
|
-
</section>
|
|
330
|
+
<p class="mt-2 font-sans text-xs text-stone-600">
|
|
331
|
+
注：宽表建议横向滚动；数值列使用等宽数字体。
|
|
332
|
+
</p>
|
|
333
|
+
</section>
|
|
272
334
|
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
335
|
+
<section class="mb-12" data-section-id="section-benchmark">
|
|
336
|
+
<h2 class="mb-4 font-serif text-xl font-semibold text-stone-900">
|
|
337
|
+
<span class="mr-2 font-sans tabular-nums text-stone-600">6.</span>
|
|
338
|
+
指标与参照基准对照
|
|
339
|
+
</h2>
|
|
340
|
+
<div class="overflow-x-auto border border-stone-800">
|
|
341
|
+
<table class="min-w-full border-collapse font-sans text-sm">
|
|
342
|
+
<thead>
|
|
343
|
+
<tr class="border-b border-stone-800 bg-stone-200">
|
|
344
|
+
<th class="px-3 py-2 text-left font-semibold">指标</th>
|
|
345
|
+
<th class="px-3 py-2 text-right font-semibold">观测值</th>
|
|
346
|
+
<th class="px-3 py-2 text-right font-semibold">基准</th>
|
|
347
|
+
<th class="px-3 py-2 text-left font-semibold">判定</th>
|
|
348
|
+
</tr>
|
|
349
|
+
</thead>
|
|
350
|
+
<tbody>
|
|
351
|
+
<tr class="border-b border-stone-300">
|
|
352
|
+
<td class="px-3 py-2">CTR</td>
|
|
353
|
+
<td class="px-3 py-2 text-right tabular-nums font-medium">1.49%</td>
|
|
354
|
+
<td class="px-3 py-2 text-right tabular-nums text-stone-600">1.2%</td>
|
|
355
|
+
<td class="px-3 py-2">优于基准</td>
|
|
356
|
+
</tr>
|
|
357
|
+
<tr>
|
|
358
|
+
<td class="px-3 py-2">CPA</td>
|
|
359
|
+
<td class="px-3 py-2 text-right tabular-nums font-medium">¥40.3</td>
|
|
360
|
+
<td class="px-3 py-2 text-right tabular-nums text-stone-600">¥45.0</td>
|
|
361
|
+
<td class="px-3 py-2">优于基准</td>
|
|
362
|
+
</tr>
|
|
363
|
+
</tbody>
|
|
364
|
+
</table>
|
|
365
|
+
</div>
|
|
366
|
+
</section>
|
|
305
367
|
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
368
|
+
<footer class="border-t border-stone-400 pt-6 font-sans text-xs text-stone-600">
|
|
369
|
+
<p>
|
|
370
|
+
本页为学术向 HTML 版式参考（衬线标题 + 低饱和图表）。正式稿请替换为实测数据，并与 Markdown
|
|
371
|
+
纲要章节对齐。
|
|
372
|
+
</p>
|
|
373
|
+
</footer>
|
|
374
|
+
</main>
|
|
310
375
|
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
376
|
+
<script>
|
|
377
|
+
(function () {
|
|
378
|
+
var trendEl = document.getElementById("trendChart");
|
|
379
|
+
var pieEl = document.getElementById("breakdownChart");
|
|
380
|
+
if (!trendEl || !pieEl || typeof echarts === "undefined") return;
|
|
316
381
|
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
382
|
+
var trendChart = echarts.init(trendEl, null, { renderer: "canvas" });
|
|
383
|
+
trendChart.setOption({
|
|
384
|
+
color: ["#44403c", "#78716c"],
|
|
385
|
+
textStyle: {
|
|
386
|
+
fontFamily: "Segoe UI, PingFang SC, Microsoft YaHei, sans-serif",
|
|
387
|
+
color: "#44403c",
|
|
388
|
+
},
|
|
389
|
+
tooltip: { trigger: "axis" },
|
|
390
|
+
legend: { data: ["消耗(百元)", "点击(百次)"], top: 0, textStyle: { color: "#57534e" } },
|
|
391
|
+
grid: { left: "3%", right: "4%", bottom: "3%", top: 48, containLabel: true },
|
|
392
|
+
xAxis: {
|
|
393
|
+
type: "category",
|
|
394
|
+
boundaryGap: false,
|
|
395
|
+
data: ["1日", "2日", "3日", "4日", "5日", "6日", "7日"],
|
|
396
|
+
axisLine: { lineStyle: { color: "#a8a29e" } },
|
|
397
|
+
axisLabel: { color: "#57534e" },
|
|
398
|
+
},
|
|
399
|
+
yAxis: {
|
|
400
|
+
type: "value",
|
|
401
|
+
splitLine: { lineStyle: { type: "dashed", color: "#d6d3d1" } },
|
|
402
|
+
axisLabel: { color: "#57534e" },
|
|
403
|
+
},
|
|
404
|
+
series: [
|
|
405
|
+
{
|
|
406
|
+
name: "消耗(百元)",
|
|
407
|
+
type: "line",
|
|
408
|
+
smooth: 0.2,
|
|
409
|
+
symbol: "circle",
|
|
410
|
+
symbolSize: 6,
|
|
411
|
+
lineStyle: { width: 2 },
|
|
412
|
+
data: [200, 250, 220, 300, 280, 320, 310],
|
|
413
|
+
},
|
|
414
|
+
{
|
|
415
|
+
name: "点击(百次)",
|
|
416
|
+
type: "line",
|
|
417
|
+
smooth: 0.2,
|
|
418
|
+
symbol: "diamond",
|
|
419
|
+
symbolSize: 6,
|
|
420
|
+
lineStyle: { width: 2, type: "dashed" },
|
|
421
|
+
data: [33, 48, 45, 60, 52, 68, 61],
|
|
422
|
+
},
|
|
423
|
+
],
|
|
424
|
+
});
|
|
341
425
|
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
{
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
label: { formatter: '{b}\n{d}%', color: '#44403c' },
|
|
356
|
-
data: [
|
|
357
|
-
{ value: 52, name: '移动端' },
|
|
358
|
-
{ value: 35, name: '桌面' },
|
|
359
|
-
{ value: 13, name: '平板' },
|
|
360
|
-
],
|
|
426
|
+
var breakdownChart = echarts.init(pieEl, null, { renderer: "canvas" });
|
|
427
|
+
breakdownChart.setOption({
|
|
428
|
+
color: ["#57534e", "#78716c", "#a8a29e"],
|
|
429
|
+
textStyle: {
|
|
430
|
+
fontFamily: "Segoe UI, PingFang SC, Microsoft YaHei, sans-serif",
|
|
431
|
+
color: "#44403c",
|
|
432
|
+
},
|
|
433
|
+
tooltip: { trigger: "item" },
|
|
434
|
+
legend: {
|
|
435
|
+
orient: "vertical",
|
|
436
|
+
left: "left",
|
|
437
|
+
top: "middle",
|
|
438
|
+
textStyle: { color: "#57534e" },
|
|
361
439
|
},
|
|
362
|
-
|
|
363
|
-
|
|
440
|
+
series: [
|
|
441
|
+
{
|
|
442
|
+
name: "设备",
|
|
443
|
+
type: "pie",
|
|
444
|
+
radius: ["40%", "65%"],
|
|
445
|
+
center: ["58%", "50%"],
|
|
446
|
+
itemStyle: { borderColor: "#fff", borderWidth: 2 },
|
|
447
|
+
label: { formatter: "{b}\n{d}%", color: "#44403c" },
|
|
448
|
+
data: [
|
|
449
|
+
{ value: 52, name: "移动端" },
|
|
450
|
+
{ value: 35, name: "桌面" },
|
|
451
|
+
{ value: 13, name: "平板" },
|
|
452
|
+
],
|
|
453
|
+
},
|
|
454
|
+
],
|
|
455
|
+
});
|
|
364
456
|
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
</body>
|
|
457
|
+
function resize() {
|
|
458
|
+
trendChart.resize();
|
|
459
|
+
breakdownChart.resize();
|
|
460
|
+
}
|
|
461
|
+
window.addEventListener("resize", resize);
|
|
462
|
+
})();
|
|
463
|
+
</script>
|
|
464
|
+
</body>
|
|
373
465
|
</html>
|