85 lines
5.9 KiB
HTML
85 lines
5.9 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，自动替换为 Mintegral 平台宏">
|
||
<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 CONVERTER / 02</p><h1>自投平台链接转换器</h1><p>粘贴一条原始 Tracking Link，自动替换为 Mintegral 要求的宏参数。</p></div>
|
||
<div class="data-badge"><span class="pulse-dot"></span><p><strong id="templateCount">— 个平台模板</strong><small>Mintegral 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="在这里粘贴完整的 Mintegral 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>Mintegral 平台宏参考</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>
|
||
|
||
<section class="panel history-panel">
|
||
<div class="history-heading">
|
||
<div><span class="section-index">LINK SUMMARY</span><h2>平台链接总结 <em id="historyCount">0</em></h2><p>保存已转换链接的平台、PKG、时间和最终结果，仅存储在当前浏览器。</p></div>
|
||
<button class="outline-btn" id="clearHistory" type="button" disabled>清空记录</button>
|
||
</div>
|
||
<div class="history-empty" id="historyEmpty"><span>⌁</span><p>还没有转换记录</p></div>
|
||
<div class="history-table-wrap hidden" id="historyTableWrap">
|
||
<table class="history-table"><thead><tr><th>转换时间</th><th>平台</th><th>PKG</th><th>最终链接</th><th>操作</th></tr></thead><tbody id="historyTableBody"></tbody></table>
|
||
</div>
|
||
</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/link-converter-core.js"></script>
|
||
<script src="assets/common.js"></script>
|
||
<script src="assets/link-generator.js"></script>
|
||
</body>
|
||
</html>
|