68 lines
5.6 KiB
HTML
68 lines
5.6 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="登录后将原始 Tracking Link 转换为目标平台宏">
|
||
<title>自投链接转换器 · Traffic Intelligence</title>
|
||
<link rel="stylesheet" href="assets/styles.css?v=platform3">
|
||
</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><a href="link-history.html">链接记录</a></nav>
|
||
<div class="header-user"><span id="currentUser"></span><button id="logoutBtn" type="button">退出</button></div>
|
||
</header>
|
||
|
||
<main class="shell page-main">
|
||
<section class="page-heading">
|
||
<div><p class="eyebrow"><span></span> TRACKING CONVERTER / 02</p><h1>自投平台链接转换器</h1><p>粘贴原始 Tracking Link，自动替换为所选平台要求的宏参数。</p></div>
|
||
<div class="data-badge"><span class="pulse-dot"></span><p><strong id="templateCount">— 个平台模板</strong><small>Click URL 转换</small></p></div>
|
||
</section>
|
||
|
||
<section class="generator-stack">
|
||
<section class="panel converter-input-panel">
|
||
<div class="config-topline"><span class="section-index">STEP 01</span><h2>选择目标平台并粘贴链接</h2><button class="outline-btn" id="clearConverter" type="button">清空</button></div>
|
||
<div class="converter-toolbar">
|
||
<label><span>目标自投平台 *</span><select id="platformSelect"></select></label>
|
||
<div class="detect-card"><span>模板状态</span><strong id="platformStatus">—</strong></div>
|
||
<div class="detect-card"><span>识别类型</span><strong id="detectedType">等待链接</strong></div>
|
||
</div>
|
||
<label class="textarea-label" for="originalLink"><span>原始 Tracking Link *</span><small>原有业务参数与固定值会保留</small></label>
|
||
<textarea id="originalLink" class="link-textarea" rows="6" spellcheck="false" placeholder="在这里粘贴完整的 Click Link…"></textarea>
|
||
<div class="converter-actions"><button class="primary-btn" id="convertLink" type="button"><span>转换为平台链接</span><b>→</b></button><button class="text-inline-btn" id="sampleLink" type="button">载入当前平台示例</button><span class="validation-line" id="generatorMessage" role="alert"></span></div>
|
||
</section>
|
||
|
||
<details class="panel macro-disclosure">
|
||
<summary><span class="disclosure-icon">＋</span><div><span class="section-index">REFERENCE</span><strong id="macroReferenceTitle">平台宏参考</strong></div><small id="macroCount">点击展开完整宏清单</small></summary>
|
||
<div class="macro-content"><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></div>
|
||
</details>
|
||
|
||
<section class="panel output-panel output-panel-wide">
|
||
<div class="config-topline output-title"><span class="section-index">STEP 02</span><h2>转换结果</h2><span class="live-chip"><i></i> AUTO</span></div>
|
||
<div class="conversion-empty" id="conversionEmpty"><div>↳</div><h3>等待原始链接</h3><p>转换后将在这里展示参数替换明细与最终链接。</p></div>
|
||
<div id="conversionResult" class="hidden">
|
||
<div class="conversion-summary"><div><span>链接类型</span><strong id="summaryType">—</strong></div><div><span>已替换参数</span><strong id="replacementCount">0</strong></div><div><span>保留参数</span><strong id="preservedCount">0</strong></div></div>
|
||
<div class="mapping-table-wrap"><table class="mapping-table conversion-table"><thead><tr><th>参数 Key</th><th>原始值</th><th>替换后的平台宏</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" disabled><span>复制最终链接</span><b>⧉</b></button><span id="copyStatus" class="copy-status" role="status"></span></div>
|
||
</div>
|
||
</section>
|
||
|
||
<a class="panel history-shortcut" href="link-history.html"><span class="history-shortcut-icon">⌁</span><p><strong>查看平台链接记录</strong><small>每条记录包含操作用户、平台、PKG、时间和最终链接</small></p><b id="historyCountBadge">0</b><i>→</i></a>
|
||
</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/users.js?v=platform3"></script>
|
||
<script src="assets/auth.js?v=platform3"></script>
|
||
<script src="assets/data/link-templates.js?v=platform3"></script>
|
||
<script src="assets/link-converter-core.js?v=platform3"></script>
|
||
<script src="assets/link-history-store.js?v=platform3"></script>
|
||
<script src="assets/common.js?v=platform3"></script>
|
||
<script src="assets/link-generator.js?v=platform3"></script>
|
||
</body>
|
||
</html>
|