65 lines
4.3 KiB
HTML
65 lines
4.3 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="自投平台 Click 和 Impression Tracking Link 生成器">
|
|
<title>自投链接生成器 · Traffic Intelligence</title>
|
|
<link rel="stylesheet" href="assets/styles.css">
|
|
</head>
|
|
<body>
|
|
<header class="site-header inner-header">
|
|
<a class="brand" href="index.html"><span class="brand-mark" aria-hidden="true"><i></i><i></i><i></i></span><span><strong>Traffic Intelligence</strong><small>投放决策工作台</small></span></a>
|
|
<nav class="main-nav" aria-label="主导航"><a href="channel-recommendation.html">渠道建议</a><a class="active" href="link-generator.html">链接生成器</a></nav>
|
|
<a class="home-link" href="index.html">返回首页</a>
|
|
</header>
|
|
|
|
<main class="shell page-main">
|
|
<section class="page-heading">
|
|
<div><p class="eyebrow"><span></span> TRACKING BUILDER / 02</p><h1>自投平台链接生成器</h1><p>选择媒体模板，填写订单参数，并实时检查平台宏映射与最终链接。</p></div>
|
|
<div class="data-badge"><span class="pulse-dot"></span><p><strong id="templateCount">— 个平台模板</strong><small>Click / Impression</small></p></div>
|
|
</section>
|
|
|
|
<section class="generator-stack">
|
|
<section class="panel generator-config">
|
|
<div class="config-topline"><span class="section-index">STEP 01</span><h2>选择模板与业务参数</h2><button class="outline-btn" id="resetGenerator" type="button">恢复模板默认值</button></div>
|
|
<div class="config-grid">
|
|
<label><span>自投平台 *</span><select id="platformSelect"></select></label>
|
|
<label><span>链接类型 *</span><select id="linkTypeSelect"></select></label>
|
|
<label><span>Advertiser ID</span><input id="advid" value="30" inputmode="numeric"></label>
|
|
<label><span>Campaign ID *</span><input id="campid" placeholder="请输入 Camp ID" inputmode="numeric"></label>
|
|
<label><span>Package Name *</span><input id="pkg" placeholder="如 com.example.app"></label>
|
|
<label><span>Platform Code</span><input id="platformCode"></label>
|
|
<label><span>SAN Campaign ID</span><input id="sanCampid" placeholder="可选"></label>
|
|
<label><span>Ad Set ID</span><input id="adsetId" value="-1"></label>
|
|
<label><span>固定国家码</span><input id="countryCode" maxlength="3" placeholder="留空则使用媒体宏"></label>
|
|
</div>
|
|
<div class="validation-line" id="generatorMessage" role="alert"></div>
|
|
</section>
|
|
|
|
<section class="generator-columns">
|
|
<section class="panel macro-panel">
|
|
<div class="panel-title compact"><span>STEP 02</span><h2>媒体宏参考</h2><p id="platformStatus"></p></div>
|
|
<div class="macro-search"><input id="macroSearch" placeholder="搜索宏或说明…" aria-label="搜索媒体宏"></div>
|
|
<div class="macro-table-wrap"><table class="macro-table"><thead><tr><th>媒体宏</th><th>说明</th></tr></thead><tbody id="macroTableBody"></tbody></table></div>
|
|
</section>
|
|
|
|
<section class="panel output-panel">
|
|
<div class="config-topline output-title"><span class="section-index">STEP 03</span><h2>参数映射与输出</h2><span class="live-chip"><i></i> LIVE</span></div>
|
|
<div class="mapping-table-wrap"><table class="mapping-table"><thead><tr><th>参数 Key</th><th>媒体 Value / Macro</th></tr></thead><tbody id="mappingTableBody"></tbody></table></div>
|
|
<div class="output-label"><span>最终投放链接</span><small id="urlLength">0 chars</small></div>
|
|
<pre class="url-output" id="urlOutput"></pre>
|
|
<div class="output-actions"><button class="primary-btn" id="copyLink" type="button"><span>复制最终链接</span><b>⧉</b></button><span id="copyStatus" class="copy-status" role="status"></span></div>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
|
|
<div class="toast" id="toast" role="status"></div>
|
|
<footer class="site-footer shell"><span>Traffic Intelligence Hub</span><span>© <b data-year></b> Media Operations</span></footer>
|
|
<script src="assets/data/link-templates.js"></script>
|
|
<script src="assets/common.js"></script>
|
|
<script src="assets/link-generator.js"></script>
|
|
</body>
|
|
</html>
|