Files
dc-docs/output/downloaded-files/html-md/国内小游戏渠道信息洞察——商务部.html
T
2026-07-03 14:39:58 +08:00

1232 lines
48 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>国内小游戏渠道信息洞察——商务部</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<style>
:root {
--primary: #4f46e5;
--primary-light: #ede9fe;
--secondary: #0ea5e9;
--secondary-light: #e0f2fe;
--accent: #10b981;
--accent-light: #d1fae5;
--warn: #f59e0b;
--warn-light: #fef3c7;
--danger: #ef4444;
--danger-light: #fee2e2;
--border: #e5e7eb;
--border-strong: #d1d5db;
--text: #111827;
--text-muted: #374151;
--text-light: #6b7280;
--bg: #f9fafb;
--card: #ffffff;
--head-bg: #f3f4f6;
--stripe: #f9fafb;
--radius: 10px;
--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);
--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
background: var(--bg);
color: var(--text);
font-family: "Microsoft YaHei", "PingFang SC", -apple-system, Arial, sans-serif;
font-size: 14px;
line-height: 1.6;
}
/* ── 顶部封面 ── */
.cover {
background: linear-gradient(135deg, #3b82f6 0%, #6366f1 50%, #0ea5e9 100%);
color: #fff;
padding: 44px 40px 36px;
}
.cover-inner { max-width: 1400px; margin: 0 auto; }
.cover-tag {
display: inline-block;
background: rgba(255,255,255,.18);
border: 1px solid rgba(255,255,255,.3);
border-radius: 20px;
padding: 3px 14px;
font-size: 12px;
letter-spacing: .08em;
margin-bottom: 16px;
}
.cover h1 {
margin: 0 0 14px;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -.01em;
}
.cover-meta {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 8px;
font-size: 13px;
opacity: .85;
}
.cover-meta span {
display: flex;
align-items: center;
gap: 5px;
}
.cover-meta span::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background: rgba(255,255,255,.7);
}
.cover .badge-row {
margin-top: 16px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.cover .badge {
display: inline-block;
padding: 4px 14px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}
.badge-data { background: rgba(255,255,255,.12); color: #e0e0ff; }
.badge-hot { background: rgba(239,68,68,.25); color: #fecaca; }
/* ── 导航目录 ── */
.toc {
background: var(--card);
border-bottom: 1px solid var(--border);
padding: 0 40px;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.toc-inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
gap: 0;
overflow-x: auto;
}
.toc-inner a {
display: block;
padding: 14px 18px;
text-decoration: none;
color: var(--text-muted);
font-size: 13px;
font-weight: 500;
white-space: nowrap;
border-bottom: 2px solid transparent;
transition: color .15s, border-color .15s;
}
.toc-inner a:hover {
color: var(--primary);
border-bottom-color: var(--primary);
}
/* ── 主体内容 ── */
main {
max-width: 1400px;
margin: 28px auto 64px;
padding: 0 24px;
}
/* ── 数据卡片 ── */
.stats-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-bottom: 28px;
}
.stat-card {
background: var(--card);
border-radius: var(--radius);
padding: 28px 24px;
box-shadow: var(--shadow);
text-align: center;
border: 1px solid var(--border);
}
.stat-card .number {
font-size: 36px;
font-weight: 800;
color: var(--primary);
line-height: 1.2;
}
.stat-card .label {
font-size: 13px;
color: var(--text-muted);
margin-top: 6px;
}
.stat-card .change { font-size: 12px; margin-top: 4px; }
.stat-card .change.up { color: var(--accent); }
/* ── 分区标题 ── */
.section {
margin-bottom: 36px;
}
.section-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 14px;
border-bottom: 2px solid var(--border);
}
.section-icon {
width: 36px;
height: 36px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
flex-shrink: 0;
}
.icon-purple { background: var(--primary-light); }
.icon-blue { background: var(--secondary-light); }
.icon-green { background: var(--accent-light); }
.icon-warn { background: var(--warn-light); }
.section-header h2 {
margin: 0;
font-size: 20px;
font-weight: 700;
color: var(--text);
}
.section-header .section-sub {
margin: 0;
font-size: 13px;
color: var(--text-muted);
}
/* ── 平台分区标题 ── */
.platform-head {
margin: 32px 0 8px;
padding: 10px 16px;
background: var(--primary-light);
border-left: 4px solid var(--primary);
border-radius: 0 8px 8px 0;
font-size: 16px;
font-weight: 700;
color: var(--primary);
display: flex;
align-items: center;
gap: 8px;
}
.platform-head.douyin {
background: var(--secondary-light);
border-left-color: var(--secondary);
color: var(--secondary);
}
.platform-head.summary {
background: var(--accent-light);
border-left-color: var(--accent);
color: var(--accent);
}
/* ── 子标题 ── */
.subsection {
margin: 28px 0 14px;
}
.subsection h3 {
margin: 0 0 4px;
font-size: 15px;
font-weight: 700;
color: var(--text);
display: flex;
align-items: center;
gap: 8px;
}
.subsection h3::before {
content: '';
display: inline-block;
width: 3px;
height: 16px;
border-radius: 2px;
background: var(--primary);
}
.subsection p {
margin: 0;
font-size: 12px;
color: var(--text-muted);
}
h4.week-title {
margin: 20px 0 10px;
font-size: 13px;
font-weight: 600;
color: var(--text-muted);
display: flex;
align-items: center;
gap: 6px;
}
h4.week-title::before {
content: '';
width: 16px;
height: 1px;
background: var(--border-strong);
}
/* ── 卡片容器 ── */
.card {
background: var(--card);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--shadow);
overflow: hidden;
margin-bottom: 20px;
}
/* ── 表格通用 ── */
.table-wrap {
overflow-x: auto;
border-radius: var(--radius);
}
table {
width: 100%;
border-collapse: collapse;
background: var(--card);
font-size: 13px;
}
thead tr { background: var(--head-bg); }
th {
padding: 10px 14px;
font-weight: 600;
color: var(--text-muted);
text-align: left;
border-bottom: 1px solid var(--border);
white-space: nowrap;
font-size: 12px;
letter-spacing: .02em;
}
td {
padding: 11px 14px;
border-bottom: 1px solid var(--border);
vertical-align: top;
color: var(--text);
line-height: 1.55;
}
tbody tr:last-child td { border-bottom: none; }
tbody tr:hover { background: #fafafa; }
tbody tr:nth-child(even) { background: var(--stripe); }
tbody tr:nth-child(even):hover { background: #f3f4f6; }
/* ── 排名徽章 ── */
.rank-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
font-weight: 700;
font-size: 12px;
}
.rank-1 { background: #fef3c7; color: #92400e; }
.rank-2 { background: #f3f4f6; color: #374151; }
.rank-3 { background: #fce7f3; color: #9d174d; }
.rank-n { background: #f3f4f6; color: #374151; }
/* ── 游戏名称 ── */
.game-name { font-weight: 600; color: var(--text); }
/* ── 数字单元格 ── */
.num-cell {
text-align: right;
font-variant-numeric: tabular-nums;
font-weight: 600;
color: #dc2626;
white-space: nowrap;
}
.cost-cell {
text-align: right;
font-variant-numeric: tabular-nums;
white-space: nowrap;
color: var(--text-muted);
}
/* ── 类型标签 ── */
.tag {
display: inline-block;
padding: 1px 8px;
border-radius: 20px;
font-size: 11px;
font-weight: 500;
white-space: nowrap;
}
.tag-purple { background: var(--primary-light); color: #4338ca; }
.tag-blue { background: var(--secondary-light); color: #0369a1; }
.tag-green { background: var(--accent-light); color: #065f46; }
.tag-amber { background: var(--warn-light); color: #92400e; }
.tag-pink { background: #fce7f3; color: #9d174d; }
.tag-gray { background: #f3f4f6; color: #374151; }
/* ── 高亮文字 ── */
.highlight-text { color: var(--text); line-height: 1.6; }
/* ── 导读盒子 ── */
.guide-box {
border-radius: 8px;
padding: 16px 20px;
margin-bottom: 24px;
border-left: 4px solid var(--primary);
}
.guide-box.purple { background: var(--primary-light); border-left-color: var(--primary); }
.guide-box.green { background: var(--accent-light); border-left-color: var(--accent); }
.guide-box .guide-title {
margin: 0 0 8px;
font-size: 13px;
font-weight: 600;
}
.guide-box.purple .guide-title { color: var(--primary); }
.guide-box.green .guide-title { color: #065f46; }
.guide-box p {
margin: 0 0 6px;
font-size: 13px;
color: var(--text);
line-height: 1.7;
}
.guide-box p:last-child { margin-bottom: 0; }
/* ── 结论框 ── */
.conclusion-box {
background: #fafafa;
border: 1px solid var(--border);
border-left: 4px solid var(--primary);
border-radius: 8px;
padding: 14px 18px;
margin: 12px 0;
font-size: 13px;
color: var(--text-muted);
}
/* ── 对比卡片网格 ── */
.compare-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 16px 0;
}
.compare-card {
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 24px;
background: var(--card);
box-shadow: var(--shadow);
}
.compare-card.wx { border-top: 4px solid var(--primary); }
.compare-card.dy { border-top: 4px solid var(--secondary); }
.compare-card h4 {
font-size: 16px;
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 6px;
}
.compare-card > p {
font-size: 13px;
color: var(--text-muted);
margin-bottom: 12px;
}
.compare-card ul { list-style: none; }
.compare-card ul li {
padding: 5px 0;
font-size: 13px;
border-bottom: 1px dashed var(--border);
color: var(--text);
}
.compare-card ul li strong { color: var(--text); }
/* ── 高亮提示框 ── */
.highlight-box {
background: var(--warn-light);
border: 1px solid var(--warn);
border-radius: 8px;
padding: 10px 14px;
font-size: 13px;
font-weight: 600;
color: #92400e;
margin-top: 12px;
}
/* ── 洞察卡片 ── */
.insight-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin: 20px 0;
}
.insight-card {
background: var(--card);
border: 1px solid var(--border);
border-left: 4px solid var(--primary);
border-radius: var(--radius);
padding: 20px;
box-shadow: var(--shadow);
}
.insight-card.alt { border-left-color: var(--accent); }
.insight-card h4 { font-size: 15px; margin-bottom: 6px; color: var(--text); }
.insight-card p { font-size: 13px; color: var(--text-muted); line-height: 1.6; }
/* ── 规则区块 ── */
.rule-block {
margin: 16px 0;
padding: 20px;
background: #fafafa;
border: 1px solid var(--border);
border-radius: 8px;
}
.rule-block .rule-label {
margin: 0 0 12px;
font-size: 14px;
font-weight: 700;
color: var(--text);
}
.rule-block table { font-size: 13px; border-collapse: collapse; }
.rule-block td { padding: 6px 0; border-bottom: none; }
.rule-block .key-cell {
width: 100px;
font-weight: 600;
color: var(--text);
vertical-align: top;
}
.rule-block .val-cell { color: var(--text-muted); }
.rule-block .val-cell strong { color: var(--text); }
.rule-summary {
font-size: 14px;
color: var(--text);
margin-top: 12px;
padding: 10px 0;
font-weight: 600;
border-top: 2px solid var(--border);
}
/* ── 比例条 ── */
.ratio-bar-wrap { margin: 20px 0; }
.ratio-item {
display: flex;
align-items: center;
margin-bottom: 16px;
gap: 12px;
}
.ratio-item .label {
width: 130px;
font-size: 14px;
font-weight: 600;
text-align: right;
flex-shrink: 0;
color: var(--text-muted);
line-height: 1.4;
}
.ratio-item .bar-track {
flex: 1;
height: 44px;
background: #f0f0f0;
border-radius: 8px;
overflow: visible;
position: relative;
}
.ratio-item .bar-fill {
height: 100%;
border-radius: 8px;
display: flex;
align-items: center;
padding: 0 14px;
color: #fff;
font-weight: 700;
font-size: 14px;
transition: width 0.8s ease;
white-space: nowrap;
overflow: visible;
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.ratio-item .pct {
width: 60px;
font-size: 16px;
font-weight: 800;
color: var(--text);
flex-shrink: 0;
}
.ratio-item .desc {
font-size: 12px;
color: var(--text-muted);
margin-left: 8px;
flex-shrink: 1;
}
/* ── 图表容器 ── */
.channel-viz {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin: 20px 0;
}
.chart-container {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.chart-container canvas { max-height: 300px; }
/* ── 数据时效标识 ── */
.freshness {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 10px;
padding: 2px 10px;
border-radius: 12px;
margin-left: 8px;
}
.freshness.current { background: var(--accent-light); color: #065f46; }
.freshness.original { background: var(--head-bg); color: #888; }
.fresh-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }
.fresh-dot.green { background: var(--accent); }
.fresh-dot.gray { background: #d1d5db; }
/* ── 数据更新说明 ── */
.data-note {
font-size: 12px;
margin-top: 12px;
color: var(--text-muted);
padding: 12px 16px;
background: #fafafa;
border-radius: 8px;
border: 1px solid var(--border);
}
/* ── 页脚 ── */
.footer {
max-width: 1400px;
margin: 0 auto;
text-align: center;
padding: 30px 24px;
color: var(--text-light);
font-size: 12px;
}
.footer p { margin: 4px 0; }
/* ── 分隔线 ── */
hr { border: none; border-top: 1px solid var(--border); margin: 32px 0; }
/* ── 响应式 ── */
@media (max-width: 768px) {
.cover { padding: 28px 20px; }
.cover h1 { font-size: 22px; }
.toc { padding: 0 16px; }
main { padding: 0 12px; }
.stats-row { grid-template-columns: repeat(2, 1fr); }
.channel-viz { grid-template-columns: 1fr; }
.insight-grid { grid-template-columns: 1fr; }
.compare-grid { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<!-- ── 封面 ── -->
<div class="cover">
<div class="cover-inner">
<div class="cover-tag">📊 渠道情报报告</div>
<h1>国内小游戏渠道信息洞察——商务部</h1>
<div class="cover-meta">
<span>报告更新:2026.06.29</span>
<span>来源:官方文档公开信息 + 市场公开资料收集</span>
<span>数据源:微信/抖音官方开发者文档、行业报告、QuestMobile</span>
</div>
<div class="badge-row">
<span class="badge badge-hot">NEW 2026年数据已更新</span>
<span class="badge badge-data">数据源:各平台官方文档、行业报告、市场公开资料</span>
</div>
</div>
</div>
<!-- ── 导航目录 ── -->
<nav class="toc">
<div class="toc-inner">
<a href="#part1">【一】渠道月活占比</a>
<a href="#part2">【二】渠道分类</a>
<a href="#part3">【三】微信 vs 抖音</a>
<a href="#part4">【四】联运渠道</a>
<a href="#part5">【五】榜单规则</a>
</div>
</nav>
<main>
<!-- ══════════════════════════════════════
一、渠道月活占比
════════════════════════════════════════ -->
<section class="section" id="part1">
<div class="section-header">
<div class="section-icon icon-purple">📊</div>
<div>
<h2>一、小游戏渠道月活占比</h2>
<p class="section-sub">渠道格局总览 · 微信+抖音占90%+大盘</p>
</div>
</div>
<p style="margin:12px 0;color:var(--text);">小游戏渠道格局是"<strong>一超一强加一群小兄弟</strong>"。微信和抖音吃掉90%以上的大盘,其他所有渠道加起来不到10%。</p>
<div class="conclusion-box">
<strong>结论:</strong>微信和抖音的流水占比大约是 <span style="color:var(--primary);font-weight:800;font-size:18px;">7</span> : <span style="color:var(--secondary);font-weight:800;font-size:18px;">2.2</span> : <span style="color:var(--accent);font-weight:800;">0.4</span> : <span style="color:var(--warn);font-weight:800;">0.3</span> : <span style="color:#ec4899;font-weight:800;">0.1</span>。微信+抖音占据超90%大盘,是行业绝对主力渠道;其他渠道合计不足10%,为补充渠道。
</div>
<div class="channel-viz">
<div class="chart-container">
<canvas id="channelShareChart"></canvas>
</div>
<div class="chart-container">
<canvas id="userScaleChart"></canvas>
</div>
</div>
<!-- 比例条 -->
<div class="ratio-bar-wrap">
<div class="ratio-item">
<div class="label">微信小游戏<br><span class="freshness current"><span class="fresh-dot green"></span>2026确认</span></div>
<div class="bar-track"><div class="bar-fill" style="width:70%;background:linear-gradient(90deg,#4f46e5,#6366f1)">大盘流水占比 ~70% | 行业估算日均流水过亿</div></div>
<div class="pct" style="color:var(--primary)">≈70%</div>
</div>
<div class="ratio-item">
<div class="label">抖音小游戏<br><span class="freshness current"><span class="fresh-dot green"></span>2026更新</span></div>
<div class="bar-track"><div class="bar-fill" style="width:22%;background:linear-gradient(90deg,#0ea5e9,#0284c7)">份额逼近30% | 2025年过百亿</div></div>
<div class="pct" style="color:var(--secondary)">≈22%</div>
</div>
<div class="ratio-item">
<div class="label">支付宝<br><span class="freshness current"><span class="fresh-dot green"></span>2026确认</span></div>
<div class="bar-track"><div class="bar-fill" style="min-width:120px;width:4%;background:linear-gradient(90deg,#10b981,#059669)">年流水 40-50亿</div></div>
<div class="pct" style="color:var(--accent)">≈4%</div>
</div>
<div class="ratio-item">
<div class="label">硬核渠道<br><span class="freshness original"><span class="fresh-dot gray"></span>源文档</span></div>
<div class="bar-track"><div class="bar-fill" style="min-width:120px;width:3%;background:linear-gradient(90deg,#f59e0b,#d97706)">华为领跑,合计流水有限</div></div>
<div class="pct" style="color:var(--warn)">≈3%</div>
</div>
<div class="ratio-item">
<div class="label">美团/淘宝/其他<br><span class="freshness original"><span class="fresh-dot gray"></span>源文档</span></div>
<div class="bar-track"><div class="bar-fill" style="min-width:120px;width:2%;background:linear-gradient(90deg,#8b5cf6,#7c3aed)">长尾渠道,头部集中</div></div>
<div class="pct" style="color:#8b5cf6">≈1%</div>
</div>
</div>
<!-- 关键数字 -->
<div class="stats-row">
<div class="stat-card">
<div class="number">535亿</div>
<div class="label">2025年小游戏大盘流水</div>
<div class="change up">同比增长 34.4%</div>
</div>
<div class="stat-card">
<div class="number">5亿+</div>
<div class="label">微信小游戏月活用户(2026.5)</div>
<div class="change up">2025年官方披露日均时长>60分钟</div>
</div>
<div class="stat-card">
<div class="number">≈30%</div>
<div class="label">抖音小游戏市场份额(2026)</div>
<div class="change up">2023年低位→快速攀升</div>
</div>
<div class="stat-card">
<div class="number">90%+</div>
<div class="label">微信+抖音合计流水占比</div>
<div class="change up">双渠道垄断</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════
二、渠道分类
════════════════════════════════════════ -->
<section class="section" id="part2">
<div class="section-header">
<div class="section-icon icon-blue">🔀</div>
<div>
<h2>二、渠道分类:两大阵营</h2>
<p class="section-sub">投放渠道(买量驱动)vs 联运渠道(评级驱动)</p>
</div>
</div>
<p style="margin:12px 0;color:var(--text);">小游戏渠道按获量方式分为两个阵营,以下为各自的核心特征和渠道分布。</p>
<div class="compare-grid">
<div class="compare-card wx">
<h4>🔹 投放渠道(买量驱动)</h4>
<p>获量来源以主动买量推广为主,自然量占比较小(榜单排名+算法扶持)。</p>
<ul>
<li><strong>微信小游戏</strong> — 绝对主力,行业估算日均投放消耗 0.8-1亿</li>
<li><strong>抖音小游戏</strong> — 高分成红利期,行业估算日均投放消耗 3000万</li>
</ul>
<div class="highlight-box">⚡ 市场信息:广告投放是第一获量手段,行业中产品普遍先在微信验证数据,调通后放量冲榜。</div>
</div>
<div class="compare-card dy">
<h4>🔸 联运渠道(评级驱动)</h4>
<p>模式类似APK联运。产品评级后获得与评级匹配的渠道资源推广。</p>
<ul>
<li><strong>硬核渠道</strong>:华为(日活200万,月流水5000万+)、OPPO、vivo、小米、荣耀</li>
<li><strong>超级App渠道</strong>:支付宝(日活3.2亿板块)、美团(日活3500万)、淘宝、京东、百度</li>
</ul>
<div class="highlight-box">⚡ 市场信息:联运渠道普遍需要评级+微信畅销榜排名背书,头部集中效应极端(TOP10产品占90%流水)。</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════
三、微信 vs 抖音核心对比
════════════════════════════════════════ -->
<section class="section" id="part3">
<div class="section-header">
<div class="section-icon icon-green">⚖️</div>
<div>
<h2>三、微信 vs 抖音:核心差异对照表</h2>
<p class="section-sub">双平台全方位对比 · 含2026年最新政策</p>
</div>
</div>
<div class="card">
<div class="table-wrap">
<table>
<thead>
<tr><th style="width:14%">维度</th><th style="width:38%">微信小游戏</th><th style="width:38%">抖音小游戏</th><th style="width:10%">结论</th></tr>
</thead>
<tbody>
<tr>
<td><strong>大盘流水占比</strong></td>
<td><span class="tag tag-purple">~70%</span> 行业估算日流水过亿(年流水推算约375亿)</td>
<td><span class="tag tag-blue">~22%(逼近30%)</span> 2025年破百亿,2026年KPI 200亿+</td>
<td>微信仍绝对第一,抖音增速更快</td>
</tr>
<tr>
<td><strong>月活用户</strong></td>
<td><span class="tag tag-purple">5亿+(2026.5确认)</span><br>渗透率51.5%,日均时长>60分钟</td>
<td><span class="tag tag-blue">1.71亿(2025.8)</span><br>渗透率18.4%,2026预计更高</td>
<td>微信用户基数是抖音的3倍+</td>
</tr>
<tr>
<td><strong>用户画像</strong></td>
<td>全年龄段覆盖,女性占53%<br>46岁以上占近40%(QuestMobile)<br>行业估算三线及以下过半<br>"银发+下沉"双轮驱动</td>
<td>18-30岁为主力,一二线占比高<br>男女均衡,短视频种草驱动<br>"年轻化+高线城市"差异化<br>(行业信息,非官方口径)</td>
<td>互补>竞争,可双端覆盖</td>
</tr>
<tr>
<td><strong>IAP基础分成</strong></td>
<td>基础60%现金分成。2026年起首发新游叠加激励后,首1千万流水阶段激励比例100%+(上限400万),超1千万部分向<strong>2:8</strong>靠拢<br><a href="https://developers.weixin.qq.com/minigame/introduction/commercialization/" target="_blank" style="font-size:11px;color:var(--primary);">微信小游戏商业化文档 →</a></td>
<td>一般版60% / 减免版90%(安卓)+99%(iOS)<br>减免版需满足接入条件<br><a href="https://developer.open-douyin.com/docs/resource/zh-CN/mini-game/introduction/overview" target="_blank" style="font-size:11px;color:var(--primary);">抖音小游戏开发者文档 →</a></td>
<td>微信首发新游激励大幅提升,抖音减免版有门槛</td>
</tr>
<tr>
<td><strong>IAA广告分成</strong></td>
<td>投广场景:40%激励金(1-30天)<br>非投广场景:无额外激励<br><a href="https://developers.weixin.qq.com/minigame/dev/guide/open-ability/ad.html" target="_blank" style="font-size:11px;color:var(--primary);">微信小游戏广告文档 →</a></td>
<td>投广场景:90%现金收益<br>非投广场景:60%现金收益<br><a href="https://developer.open-douyin.com/docs/resource/zh-CN/mini-game/operation/settlement" target="_blank" style="font-size:11px;color:var(--primary);">抖音小游戏结算文档 →</a></td>
<td>抖音投广场景更优</td>
</tr>
<tr>
<td><strong>额外激励</strong></td>
<td>首发新游激励金(上限400万/款)、新游期现金激励(流水5%)、首发成长激励(5%)、视频号加热金(Q1上线+月流水>50万给5万)、PC激励金<br><a href="https://developers.weixin.qq.com/minigame/dev/guide/" target="_blank" style="font-size:11px;color:var(--primary);">微信小游戏开发者后台 →</a></td>
<td>广告金(投广流水5%)、任务金(IAA 5%/IAP 4-10%)、内容成长激励<br><a href="https://developer.open-douyin.com/docs/resource/zh-CN/mini-game/introduction/overview" target="_blank" style="font-size:11px;color:var(--primary);">抖音小游戏开发者后台 →</a></td>
<td>微信2026年激励力度显著加码</td>
</tr>
<tr>
<td><strong>用户获取方式</strong></td>
<td>官方披露约半数用户通过下拉搜索+好友互访进入<br>另一半通过社交场景互动召回<br>社交裂变与搜索入口并重</td>
<td>行业信息:短视频内容为主要获量途径<br>直播互动为辅<br>内容营销驱动获量</td>
<td>获量方式差异大</td>
</tr>
<tr>
<td><strong>2026年方向</strong></td>
<td>2026开发者大会披露:AI赋能开发、PC端游戏中心上线、长线留存优化</td>
<td>行业白皮书提及:社交裂变能力建设、内容生态扩展、云小游戏探索</td>
<td>微信稳,抖音激进</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="data-note">
<strong>数据更新说明:</strong>微信小游戏月活数据已更新至2026年5月开发者大会官方口径(月活5亿+)。微信IAP分成政策已更新至2026年版本(首发新游激励向2:8靠拢)。抖音小游戏份额逼近30%数据来自2026年3月白皮书。用户画像数据来源QuestMobile 2024年报告,部分为非官方行业估算。
</div>
</section>
<!-- ══════════════════════════════════════
四、联运渠道概况
════════════════════════════════════════ -->
<section class="section" id="part4">
<div class="section-header">
<div class="section-icon icon-warn">🏪</div>
<div>
<h2>四、联运渠道概况</h2>
<p class="section-sub">各联运渠道核心信息 · 微信畅销榜排名是关键评级依据</p>
</div>
</div>
<p style="margin:12px 0;color:var(--text);">联运渠道的接入条件普遍依赖<strong>微信畅销榜排名</strong>。以下是各联运渠道的核心信息整理:</p>
<div class="card">
<div class="table-wrap">
<table>
<thead>
<tr><th>渠道</th><th>日活/大盘</th><th>月流水</th><th>推荐资源获取条件</th><th>分成政策</th><th>优先级</th></tr>
</thead>
<tbody>
<tr>
<td><strong>支付宝</strong></td>
<td>板块日活3.2亿<br>(含生活板块,游戏不可拆分)</td>
<td>预估2-4亿+/月<br>头部集中</td>
<td>微小畅销榜前50给推荐资源</td>
<td>IAP 6:4(开发者6)<br>IAA 8:2(开发者8)<br>灯火买量:IAP返现79%+返点15%</td>
<td><span class="tag tag-green">⭐⭐⭐⭐</span></td>
</tr>
<tr>
<td><strong>华为</strong></td>
<td>200万</td>
<td>5000万+/月<br>头部500-1000万/月</td>
<td>微小畅销榜前30 → 花瓣轻游首页<br>畅销榜前10 → 游戏中心推广</td>
<td>IAP: 5:5<br>流水<60万不分成<br>鸿蒙有额外激励</td>
<td><span class="tag tag-amber">⭐⭐⭐</span></td>
</tr>
<tr>
<td><strong>OPPO</strong></td>
<td>500万</td>
<td>500万+/月<br>头部~100万/月</td>
<td>看评级+微小畅销榜前50算法支持</td>
<td>联运 IAP/IAA 5:5<br>买量 IAP 4:6, IAA 1:9</td>
<td><span class="tag tag-amber">⭐⭐</span></td>
</tr>
<tr>
<td><strong>vivo</strong></td>
<td>400万</td>
<td>460万+/月<br>头部~100万/月</td>
<td>无推荐资源,微小畅销榜前50有算法支持</td>
<td>联运 5:5,买量 1:9</td>
<td><span class="tag tag-amber">⭐⭐</span></td>
</tr>
<tr>
<td><strong>小米</strong></td>
<td>数十万</td>
<td>200万+/月<br>头部~100万/月</td>
<td>看评级+微小畅销榜前50算法支持</td>
<td>联运 5:5,买量补贴至1:9</td>
<td><span class="tag tag-amber">⭐⭐</span></td>
</tr>
<tr>
<td><strong>美团</strong></td>
<td>3500万</td>
<td>较小,有假量问题</td>
<td>新游评级 → 3天新游量级(5000-1万)<br>明星产品 → 7天新游(1.5-4万)</td>
<td>联运 5:5</td>
<td><span class="tag tag-gray">⭐</span></td>
</tr>
<tr>
<td><strong>荣耀</strong></td>
<td>数十万</td>
<td>100万+/月<br>头部个别10万+/月</td>
<td>无推荐资源,微小畅销榜前50有算法支持</td>
<td>联运 5:5,IAP返20%/IAA ROI补贴至105%</td>
<td><span class="tag tag-gray">⭐</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="insight-grid" style="margin-top:20px;">
<div class="insight-card">
<h4>核心特征</h4>
<p>联运渠道的流水极端分化——TOP10产品吃掉90%流水,腰尾部产品几乎没有资源。行业中普遍做法是先在微信冲进畅销榜前50,再将排名作为联运渠道的评级凭证。</p>
</div>
<div class="insight-card alt">
<h4>行业通用上架路径</h4>
<p>市场上多数产品按以下路径铺渠道:支付宝 → 美团 → 淘宝 → 硬核渠道(华为→OPPO→vivo→小米→荣耀)→ 百度 → 京东 → 其他长尾。核心逻辑为优先流量大、分成高的渠道。</p>
</div>
</div>
</section>
<!-- ══════════════════════════════════════
五、微信+抖音榜单规则
════════════════════════════════════════ -->
<section class="section" id="part5">
<div class="section-header">
<div class="section-icon icon-purple">📋</div>
<div>
<h2>五、微信、抖音榜单规则观察</h2>
<p class="section-sub">官方规则解读 + 行业信息收集 · 四大榜单全解析</p>
</div>
</div>
<div class="platform-head">📱 微信平台</div>
<!-- ====== 微信小游戏畅销榜 ====== -->
<div class="subsection">
<h3>微信小游戏畅销榜</h3>
</div>
<div class="rule-block">
<p class="rule-label">来源:微信小游戏开放社区官方文档(developers.weixin.qq.com)</p>
<table style="width:100%;">
<tr>
<td class="key-cell">榜单定位</td>
<td class="val-cell">衡量 IAP 游戏<strong>商业成功和市场热度</strong>的核心风向标,直接反映游戏的<strong>付费用户规模、用户付费意愿及整体收入水平</strong>。</td>
</tr>
<tr>
<td class="key-cell">排名依据</td>
<td class="val-cell">综合三个维度:<strong>付费用户规模</strong>(产生付费的用户数量)、<strong>用户付费意愿</strong>(用户为内容付费的程度)、<strong>整体收入水平</strong>(游戏的总体营收表现)。基于<strong>每日平均排名</strong>进行排序。</td>
</tr>
<tr>
<td class="key-cell">更新频率</td>
<td class="val-cell"><strong>T+1 更新</strong>(次日更新前一日数据),每日大约 <strong>10:00</strong> 刷新。</td>
</tr>
<tr>
<td class="key-cell">官方未披露</td>
<td class="val-cell">具体的排名算法权重、上榜流水门槛、各维度占比等均未公开。</td>
</tr>
</table>
</div>
<div class="rule-block">
<p class="rule-label">【行业信息收集】 以下来源为行业同行交流与第三方数据整理,非官方口径,仅供参考</p>
<p style="margin:0 0 12px;font-size:13px;color:var(--text-muted);">基于行业经验,畅销榜各排名区间对应的估算日流水如下:</p>
<div class="table-wrap">
<table>
<thead><tr><th>排名区间</th><th>日新增流水(行业估算)</th><th>日总流水(行业估算)</th><th>特征说明</th></tr></thead>
<tbody>
<tr><td>1-3</td><td>-</td><td>250万-1000万+</td><td>日总流水极高,排名稳定</td></tr>
<tr><td>4-5</td><td>6-18万</td><td>150-250万</td><td rowspan="4">日总流水主导,排名变化小</td></tr>
<tr><td>5-10</td><td>6-12万</td><td>120-180万</td></tr>
<tr><td>10-15</td><td>4-10万</td><td>80-120万</td></tr>
<tr><td>15-20</td><td>4-8万</td><td>60-80万</td></tr>
<tr><td>20-60</td><td>1.5-5万</td><td>18-70万</td><td>新增流水对排名影响更明显</td></tr>
<tr><td>60-100</td><td>0.3-2万</td><td>4-18万</td><td>进入门槛低但水位浅</td></tr>
</tbody>
</table>
</div>
<p class="rule-summary">行业信息收集:前20名看总流水的积累,20-60名看新增趋势,60名之后为入场门槛参考。畅销榜排名是联运渠道评级的重要参考依据。</p>
</div>
<!-- ====== 微信小游戏畅玩榜 ====== -->
<div class="subsection" style="margin-top:36px;">
<h3>微信小游戏畅玩榜</h3>
</div>
<div class="rule-block">
<p class="rule-label">来源:微信小游戏开放社区官方文档</p>
<table style="width:100%;">
<tr>
<td class="key-cell">榜单定位</td>
<td class="val-cell">衡量 IAA(广告变现)游戏的<strong>广告变现效率与用户活跃度</strong>,是微信官方IAA游戏的核心榜单。</td>
</tr>
<tr>
<td class="key-cell">排名依据</td>
<td class="val-cell">官方未公开具体算法。行业推测综合指标包括:<strong>人均广告展示次数(IPU)、活跃用户规模(DAU)、广告有效曝光量</strong>。</td>
</tr>
<tr>
<td class="key-cell">更新频率</td>
<td class="val-cell"><strong>T+1 每日更新</strong>,约10:00刷新。</td>
</tr>
<tr>
<td class="key-cell">官方未披露</td>
<td class="val-cell">具体排名算法、各指标权重未公开。</td>
</tr>
</table>
</div>
<div class="rule-block">
<p class="rule-label">【行业信息收集】 参考引力引擎排行数据(2025.09),非官方口径,仅供参考</p>
<p style="margin:0 0 12px;font-size:13px;color:var(--text-muted);">行业人士经验参考:IAA小游戏年流水过亿,通常需要<strong>畅玩榜TOP10持续1个月以上 + 全网DAU 500-600万持续半年</strong>。</p>
<div class="table-wrap">
<table>
<thead><tr><th>排名</th><th>代表产品</th><th>品类特征</th></tr></thead>
<tbody>
<tr><td>TOP 1</td><td>羊了个羊:星球</td><td>超休闲消除,社交裂变标杆,2022年起霸榜至今</td></tr>
<tr><td>TOP 2</td><td>猪了个猪</td><td>羊了个羊like,换皮衍生</td></tr>
<tr><td>TOP 3-5</td><td>密室出逃、抓大鹅、打个螺丝</td><td>解压/益智,强社交传播属性</td></tr>
<tr><td>TOP 10-20</td><td>吃碰消消消、超级消不停等</td><td>国民IP素材(麻将、文字)为核心的消除类</td></tr>
<tr><td>TOP 20-50</td><td>废墟幸存者、桥梁大亨、挪车打螺丝等</td><td>轻度解压品类,换皮矩阵打法集中</td></tr>
</tbody>
</table>
</div>
<p class="rule-summary">行业信息收集:畅玩榜与买量榜几乎完全隔离——IAA游戏极少通过付费买量上榜,主要依赖社交裂变和自然流量。微信2026年开发者大会披露:IAA小游戏IPU和人均游玩时长增长超20%,用户规模增长25%+。</p>
</div>
<div class="platform-head douyin">📱 抖音平台</div>
<!-- ====== 抖音小游戏畅销榜 ====== -->
<div class="subsection" style="margin-top:36px;">
<h3>抖音小游戏畅销榜</h3>
</div>
<div class="rule-block">
<p class="rule-label">来源:抖音开放平台</p>
<table style="width:100%;">
<tr>
<td class="key-cell">更新机制</td>
<td class="val-cell">由算法自动更新,<strong>每天上午10点更新</strong>,单次展示<strong>12款</strong>玩法。</td>
</tr>
<tr>
<td class="key-cell">排序规则</td>
<td class="val-cell">按玩法开启期间<strong>互动、营收</strong>相关指标综合计算降序展示。</td>
</tr>
<tr>
<td class="key-cell">资源分配</td>
<td class="val-cell">目前大部分榜单资源为平台按照玩法数据表现<strong>自动排序分配</strong>,仅<strong>重磅更新</strong>支持主动申请。</td>
</tr>
</table>
</div>
<div class="rule-block">
<p class="rule-label">【行业信息收集】 以下来源为行业媒体及第三方数据平台(如引力引擎、GameLook),非官方口径,仅供参考</p>
<p style="margin:0 0 12px;font-size:13px;color:var(--text-muted);">以下为2025年11月榜单的行业参考数据:</p>
<div class="table-wrap">
<table>
<thead><tr><th>排名</th><th>月流水区间</th><th>代表产品</th></tr></thead>
<tbody>
<tr><td>TOP 1</td><td>5000万+</td><td>超能下蛋鸭、无尽冬日、生存33天</td></tr>
<tr><td>TOP 2-3</td><td>3000万+</td><td>我的花园世界、灵画师、疯狂水世界</td></tr>
<tr><td>TOP 4-10</td><td>2000万+</td><td>三国:冰河时代、遗弃之地、浪漫餐厅、占城大师</td></tr>
<tr><td>TOP 11-20</td><td>1000万+</td><td>传奇之业、不服来通关、时尚百货城、保卫向日葵、向僵尸开炮</td></tr>
<tr><td>TOP 21-50</td><td>500-1000万</td><td>塔防品类集中(9款入围前50),休闲产品超20款,传奇仅2款</td></tr>
<tr><td>TOP 51-100</td><td>200-500万</td><td>传奇类产品主要集中在此区间,中重度RPG/SLG分布较多</td></tr>
</tbody>
</table>
</div>
</div>
<!-- ====== 抖音小游戏热门榜 ====== -->
<div class="subsection" style="margin-top:36px;">
<h3>抖音小游戏热门榜</h3>
</div>
<div class="rule-block">
<table style="width:100%;">
<tr>
<td class="key-cell">排序规则</td>
<td class="val-cell">暂无明确公开的官方排序规则,经验推测以<strong>"近期用户热度/平台分发表现综合榜"</strong>理解。</td>
</tr>
</table>
</div>
<div class="rule-block">
<p class="rule-label">【行业信息收集】 数据来源:easegame.cn 第三方榜单平台(2026.06.05快照),非官方口径,仅供参考</p>
<p style="margin:0 0 12px;font-size:13px;color:var(--text-muted);">热门榜排名反映抖音生态内<strong>内容热度与用户活跃度</strong>的综合指标。以下为近期TOP 20排名:</p>
<div class="table-wrap">
<table>
<thead><tr><th>排名</th><th>产品</th><th>品类</th><th>趋势</th></tr></thead>
<tbody>
<tr><td style="text-align:center"><span class="rank-badge rank-1">1</span></td><td class="game-name">神奇动物在这里</td><td>解压休闲</td><td>— 稳居榜首</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-2">2</span></td><td class="game-name">抓大鹅</td><td>消除解压</td><td>— 长青产品</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-3">3</span></td><td class="game-name">羊了个羊:星球</td><td>极难闯关</td><td>↑1 话题传播</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">4</span></td><td class="game-name">疯狂买买买</td><td>休闲益智</td><td>↑5 热门拉升</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">5</span></td><td class="game-name">我技巧爆棚</td><td>休闲益智</td><td>↓4 热度回落</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">6</span></td><td class="game-name">佛系消消消</td><td>益智烧脑</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">7</span></td><td class="game-name">时尚百货城</td><td>模拟经营</td><td>↓2</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">8</span></td><td class="game-name">天天台球</td><td>竞技体育</td><td>↑2</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">9</span></td><td class="game-name">浪漫餐厅</td><td>模拟经营</td><td>↑2</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">10</span></td><td class="game-name">疯狂水世界</td><td>模拟经营策略</td><td>↓7 热度下滑明显</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">11</span></td><td class="game-name">象棋达人</td><td>棋牌</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">12</span></td><td class="game-name">救救我鸭</td><td>闯关</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">13</span></td><td class="game-name">别崩人设啊</td><td>漫剧</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">14</span></td><td class="game-name">梦幻消除战</td><td>消除</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">15</span></td><td class="game-name">消的有点菜</td><td>消除</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">16</span></td><td class="game-name">赵云与阿斗</td><td>三国</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">17</span></td><td class="game-name">向往的生活</td><td>综艺IP</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">18</span></td><td class="game-name">智商贼高250</td><td>益智</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">19</span></td><td class="game-name">火柴人逆袭</td><td>动作</td><td>—</td></tr>
<tr><td style="text-align:center"><span class="rank-badge rank-n">20</span></td><td class="game-name">多乐升级</td><td>棋牌</td><td>—</td></tr>
</tbody>
</table>
</div>
<p class="rule-summary">行业信息收集:品类分布(TOP 20)——休闲益智/解压占约<strong>30%</strong>(6款),消除类<strong>20%</strong>(4款),模拟经营<strong>15%</strong>(3款),棋牌竞技约<strong>15%</strong>(3款),IP改编及跨界融合品类增速明显。热门榜与畅销榜存在显著品类差异——休闲/消除在热门榜占优,SLG/重度RPG集中在畅销榜。(以上为行业趋势观察,非平台官方数据)</p>
</div>
<div class="platform-head summary">📊 双渠道榜单观察汇总</div>
<div class="insight-grid" style="margin-top:16px;grid-template-columns:1fr;gap:14px;">
<div class="insight-card" style="padding:18px 22px;">
<h4>IAA vs IAP:双渠道通用底层逻辑</h4>
<p>微信和抖音的榜单体系均遵循同一逻辑:<strong>畅销榜 = 用户付费能力</strong>(IAP内购),<strong>畅玩/热门榜 = 流量变现能力</strong>(IAA广告)。IAA依赖自然流量+内容裂变获量,IAP依赖付费买量。混合变现产品可同时出现在两个榜单。这一定位在微信和抖音高度一致。</p>
</div>
<div class="insight-card alt" style="padding:18px 22px;">
<h4>双平台产品重合度</h4>
<p><strong>IAP侧:</strong>抖音畅销榜Top 100与微信畅销榜Top 100约<strong>48%产品重合</strong>,但排名差异显著(如《超能下蛋鸭》抖音第1、微信第40)。<strong>IAA侧:</strong>微信畅玩榜与抖音热门榜仅<strong>4款重合</strong>,另有<strong>9款</strong>同时进入抖音热门榜和畅销榜。同一产品在两端表现可能截然不同。</p>
</div>
<div class="insight-card" style="padding:18px 22px;">
<h4>品类格局:微信 vs 抖音</h4>
<p>两平台品类结构差异显著:<strong>微信</strong>中重度品类(SLG/RPG/MMO)占比更高,头部产品生命周期更长;<strong>抖音</strong>休闲/塔防品类更突出(畅销榜Top 10休闲占4款),塔防是抖音特色赛道。IAA侧:两大平台均以休闲解压+消除为主,SLG/重度RPG在IAA榜<strong>几乎绝迹</strong>。</p>
</div>
<div class="insight-card" style="padding:18px 22px;">
<h4>近期趋势信号</h4>
<p>① <strong>解压/脑洞品类强势崛起</strong>——抖音热门榜榜首「神奇动物在这里」新上榜即登顶,微信畅玩榜「抓大鹅」持续霸榜,"轻度解压"是最大流量密码。<br>② <strong>跨界融合品类加速</strong>——综艺IP、漫剧交互、三国题材等新形态在两个平台均有增长。<br>③ <strong>双平台分发成为头部标配</strong>——越来越多头部产品选择微信+抖音双端运营。</p>
</div>
</div>
</section>
</main>
<div class="footer">
<p>报告更新:WorkBuddy · 2026.06.29</p>
<p>本报告基于官方文档公开信息 + 市场公开资料收集整理,仅供内部参考。官方数据来源:微信/抖音官方文档、伽马数据、QuestMobile、中国游戏产业报告等。行业经验数据已标注,仅供参考。</p>
</div>
<script>
// Channel Share Chart (Doughnut)
const ctx1 = document.getElementById('channelShareChart').getContext('2d');
new Chart(ctx1, {
type: 'doughnut',
data: {
labels: ['微信小游戏', '抖音小游戏', '支付宝', '硬核渠道', '美团/淘宝/其他'],
datasets: [{
data: [70, 22, 4, 3, 1],
backgroundColor: ['#4f46e5', '#0ea5e9', '#10b981', '#f59e0b', '#8b5cf6'],
borderColor: '#fff',
borderWidth: 3,
}]
},
options: {
responsive: true,
plugins: {
legend: { position: 'bottom', labels: { padding: 16, usePointStyle: true, pointStyleWidth: 8, font: { size: 13 } } },
title: { display: true, text: '小游戏渠道流水占比(大盘约535亿)', font: { size: 15, weight: 'bold' }, padding: 16 },
}
}
});
// User Scale Chart (Horizontal Bar)
const ctx2 = document.getElementById('userScaleChart').getContext('2d');
new Chart(ctx2, {
type: 'bar',
data: {
labels: ['微信小游戏', '抖音小游戏', '头部手游APP重叠', '抖小&微小重叠'],
datasets: [{
label: '月活用户(亿)',
data: [5.0, 1.71, 3.5, 0.85],
backgroundColor: ['#4f46e5', '#0ea5e9', '#10b981', '#f59e0b'],
borderRadius: 6,
}]
},
options: {
indexAxis: 'y',
responsive: true,
plugins: {
legend: { display: false },
title: { display: true, text: '月活用户规模对比', font: { size: 15, weight: 'bold' }, padding: 16 },
},
scales: {
x: { title: { display: true, text: '亿人' }, beginAtZero: true }
}
}
});
</script>
</body>
</html>