feat: convert pasted Mintegral click links
This commit is contained in:
王源
@@ -1,57 +1,85 @@
|
||||
window.LINK_TEMPLATES = [
|
||||
{
|
||||
name:'Mintegral', platformCode:'M_API_Self_Mintegral', status:'已配置',
|
||||
macros:[['{click_id}','媒体点击 ID'],['{offer_name}','Offer 名称'],['{ad_id}','素材 ID'],['{ad_name}','素材名称'],['{affiliate_id}','子渠道 ID'],['{idfa}','iOS 广告标识'],['{gaid}','Google 广告标识'],['{device_os}','设备系统'],['{country_code}','ISO 国家码'],['{ip}','设备 IP'],['{ua}','User Agent']],
|
||||
links:{
|
||||
click:{endpoint:'https://trident.bigpinggo.com/click', mappings:{clickid:'{click_id}',offer_name:'{offer_name}',creative_id:'{ad_id}',creative_name:'{ad_name}',affiliate_id:'{affiliate_id}',idfa:'{idfa}',gaid:'{gaid}',uagent:'{ua}',os_platform:'{device_os}',os_version:'{os_version}',device_model:'{device_model}',ip:'{ip}',country_code:'{country_code}',ext:'{uuid}',rta_token:'{rta_token}'}},
|
||||
imp:{endpoint:'https://typhoon.bigpinggo.com/imp', mappings:{clickid:'{impression_id}',offer_name:'{offer_name}',creative_id:'{ad_id}',creative_name:'{ad_name}',affiliate_id:'{affiliate_id}',idfa:'{idfa}',gaid:'{gaid}',uagent:'{ua}',os_platform:'{device_os}',device_model:'{device_model}',ip:'{ip}',country_code:'{country_code}',ext:'{uuid}'}}
|
||||
name: 'Mintegral',
|
||||
platformCode: 'M_API_Self_Mintegral',
|
||||
status: 'Click 已确认',
|
||||
macros: [
|
||||
['{ad_id}', 'Creative ID'],
|
||||
['{ad_name}', 'Creative name'],
|
||||
['{ad_type}', 'Ad type'],
|
||||
['{adv_campaign_id}', 'Campaign unique number ID'],
|
||||
['{adv_offer_id}', 'Offer unique number ID'],
|
||||
['{affiliate_id}', 'Sub channel ID on MTG platform'],
|
||||
['{amazon_id}', 'Amazon device ID'],
|
||||
['{android_id_md5_low}', 'Android ID MD5 lowercase'],
|
||||
['{android_id_md5}', 'Android ID MD5 (32-bit lowercase)'],
|
||||
['{android_id}', 'Android ID for attribution'],
|
||||
['{billing_type}', 'Billing type'],
|
||||
['{click_id}', 'Click ID defined by MTG'],
|
||||
['{cn_event_callback}', 'CN-region event callback URL'],
|
||||
['{cn_install_callback}', 'CN-region install callback URL'],
|
||||
['{country_code}', 'ISO 3166-1 alpha-2 country code'],
|
||||
['{creative_group}', 'Creative group'],
|
||||
['{creative_id}', 'Creative ID'],
|
||||
['{creative_name}', 'Creative name'],
|
||||
['{ctgv_usd}', 'Target goal value USD'],
|
||||
['{currency}', 'Currency type'],
|
||||
['{device_brand}', 'Device brand'],
|
||||
['{device_id}', 'IDFA for iOS or GAID for Android'],
|
||||
['{device_model}', 'Device model'],
|
||||
['{device_os}', 'Device OS: iOS or Android'],
|
||||
['{encode}', 'AppsFlyer encryption parameter'],
|
||||
['{event_callback}', 'Event callback URL'],
|
||||
['{event_callback_url}', 'Event callback URL for web'],
|
||||
['{gaid_md5}', 'GAID MD5 (32-bit lowercase)'],
|
||||
['{gaid}', 'Google advertising ID'],
|
||||
['{idfa_md5}', 'IDFA MD5 (32-bit lowercase)'],
|
||||
['{idfa}', 'iOS identifier for advertising'],
|
||||
['{idfv}', 'IDFV'],
|
||||
['{imei_md5}', 'IMEI MD5 (32-bit lowercase)'],
|
||||
['{imei}', 'IMEI for Android attribution'],
|
||||
['{impression_id}', 'Impression ID defined by MTG'],
|
||||
['{install_callback}', 'Install callback URL'],
|
||||
['{install_callback_url}', 'Install callback URL for web'],
|
||||
['{ip}', 'IP address for fingerprint attribution'],
|
||||
['{mac_md5}', 'MAC MD5 (32-bit lowercase)'],
|
||||
['{mac}', 'Media access control address'],
|
||||
['{microtime}', 'Microtime'],
|
||||
['{oaid_md5}', 'OAID MD5'],
|
||||
['{oaid}', 'OAID'],
|
||||
['{offer_name}', 'Offer name'],
|
||||
['{os_platform}', 'OS platform'],
|
||||
['{os_version}', 'OS version'],
|
||||
['{package_name}', 'Package name'],
|
||||
['{price}', 'Price'],
|
||||
['{timestamp}', 'Timestamp'],
|
||||
['{ua}', 'User agent'],
|
||||
['{uuid}', 'Promotion ID defined by MTG']
|
||||
],
|
||||
links: {
|
||||
click: {
|
||||
mappings: {
|
||||
clickid: '{click_id}',
|
||||
offer_name: '{offer_name}',
|
||||
creative_id: '{ad_id}',
|
||||
creative_name: '{ad_name}',
|
||||
affiliate_id: '{affiliate_id}',
|
||||
idfa: '{idfa}',
|
||||
gaid: '{gaid}',
|
||||
imei: '{imei}',
|
||||
android_id: '{android_id}',
|
||||
mac: '{mac}',
|
||||
oaid: '{oaid}',
|
||||
uagent: '{ua}',
|
||||
os_platform: '{device_os}',
|
||||
os_version: '{os_version}',
|
||||
device_model: '{device_model}',
|
||||
ip: '{ip}',
|
||||
country_code: '{country_code}',
|
||||
ext: '{uuid}',
|
||||
rta_token: '{rta_token}'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
name:'Bigo', platformCode:'M_API_Self_Bigo', status:'已配置',
|
||||
macros:[['__SID__','广告请求 / 点击 ID'],['__APPID__','推广 App ID'],['__CAMPAIGN_ID__','广告系列 ID'],['__CAMPAIGN_NAME__','广告系列名称'],['__AD_ID__','广告 ID'],['__AD_NAME__','广告名称'],['__IDFA__','iOS 广告标识'],['__GAID__','Google 广告标识'],['__IP__','设备 IP'],['__OS__','操作系统'],['__PUBLISHER_ID__','子渠道 ID']],
|
||||
links:{
|
||||
click:{endpoint:'https://trident.bigpinggo.com/click', mappings:{clickid:'__SID__',offer_name:'__CAMPAIGN_NAME__',creative_id:'__AD_ID__',creative_name:'__AD_NAME__',affiliate_id:'__PUBLISHER_ID__',idfa:'__IDFA__',gaid:'__GAID__',os_platform:'__OS__',device_model:'__DEVICE_MODEL__',ip:'__IP__',country_code:'',ext:'__AD_EXT__',rta_token:'{rta_token}'}},
|
||||
imp:{endpoint:'https://typhoon.bigpinggo.com/imp', mappings:{clickid:'imp__SID__',offer_name:'__CAMPAIGN_NAME__',creative_id:'__AD_ID__',creative_name:'__AD_NAME__',affiliate_id:'__PUBLISHER_ID__',idfa:'__IDFA__',gaid:'__GAID__',os_platform:'__OS__',device_model:'__DEVICE_MODEL__',ip:'__IP__',country_code:'',ext:'__AD_EXT__'}}
|
||||
}
|
||||
},
|
||||
{
|
||||
name:'Kwai', platformCode:'M_API_Self_Kwai_NB', status:'已配置',
|
||||
macros:[['__CALLBACK__','Click ID'],['__GAID1__','Google 广告标识'],['__IDFA__','iOS 广告标识'],['__IP__','设备 IP'],['__UA__','设备 User Agent'],['__CMPNID__','广告计划 ID'],['__ADSETID__','广告组 ID'],['__ADID__','广告 ID']],
|
||||
links:{
|
||||
click:{endpoint:'https://trident.bigpinggo.com/click', mappings:{clickid:'__CALLBACK__',offer_name:'__CMPNID__',creative_id:'__ADSETID__',creative_name:'__ADID__',affiliate_id:'__ADSETID__',idfa:'__IDFA__',gaid:'__GAID1__',uagent:'__UA__',ip:'__IP__',country_code:'',ext:'',rta_token:'{rta_token}'}},
|
||||
imp:{endpoint:'https://typhoon.bigpinggo.com/imp', mappings:{clickid:'__CALLBACK__',offer_name:'__CMPNID__',creative_id:'__ADSETID__',creative_name:'__ADID__',affiliate_id:'__CMPNID__',idfa:'__IDFA__',gaid:'__GAID1__',uagent:'__UA__',ip:'__IP__',country_code:'',ext:''}}
|
||||
}
|
||||
},
|
||||
{
|
||||
name:'MediaGO', platformCode:'M_API_Self_Mediago', status:'已配置',
|
||||
macros:[['{TRACKING_ID}','完整用户旅程 Tracking ID'],['{CLICK_ID}','点击 ID'],['{ADVERTISING_ID}','通用广告标识'],['{ANDROID_ID}','Android 设备 ID'],['{AD_SET_ID}','广告组 / Affiliate ID']],
|
||||
links:{
|
||||
click:{endpoint:'https://trident.bigpinggo.com/click', mappings:{clickid:'{TRACKING_ID}',offer_name:'',creative_id:'',creative_name:'{AD_SET_ID}',affiliate_id:'{AD_SET_ID}',idfa:'',gaid:'{ADVERTISING_ID}',android_id:'{ANDROID_ID}',country_code:'',ext:'',rta_token:''}},
|
||||
imp:{endpoint:'https://typhoon.bigpinggo.com/imp', mappings:{clickid:'{TRACKING_ID}',affiliate_id:'{AD_SET_ID}',gaid:'{ADVERTISING_ID}',android_id:'{ANDROID_ID}',country_code:'',ext:''}}
|
||||
}
|
||||
},
|
||||
{
|
||||
name:'NewsBreak', platformCode:'A_API_SPDragon', status:'待业务复核',
|
||||
macros:[['__CALLBACK_PARAM__','平台唯一回调参数'],['__CAMPAIGN_ID__','Campaign ID'],['__CAMPAIGN_NAME__','Campaign 名称'],['__FLIGHT_ID__','Ad Set ID'],['__FLIGHT_NAME__','Ad Set 名称'],['__CREATIVE_ID__','Creative ID'],['__CREATIVE_NAME__','Creative 名称'],['__ADID__','GAID'],['__IDFA__','IDFA'],['__OS__','操作系统']],
|
||||
links:{
|
||||
click:{endpoint:'https://trident.bigpinggo.com/l/click', mappings:{clickid:'__CALLBACK_PARAM__',offer_name:'__CAMPAIGN_NAME__',creative_id:'__CREATIVE_ID__',creative_name:'__CREATIVE_NAME__',affiliate_id:'__FLIGHT_ID_____FLIGHT_NAME__',idfa:'__IDFA__',gaid:'__ADID__',os_platform:'__OS__',country_code:'',ext:'',rta_token:'{rta_token}'}},
|
||||
imp:{endpoint:'https://typhoon.bigpinggo.com/imp', mappings:{clickid:'__CALLBACK_PARAM__',offer_name:'__CAMPAIGN_NAME__',creative_id:'__CREATIVE_ID__',creative_name:'__CREATIVE_NAME__',affiliate_id:'__FLIGHT_ID_____FLIGHT_NAME__',idfa:'__IDFA__',gaid:'__ADID__',os_platform:'__OS__',country_code:'',ext:''}}
|
||||
}
|
||||
},
|
||||
{
|
||||
name:'Adsterra', platformCode:'P_API_Adsterra', status:'已配置',
|
||||
macros:[['##SUB_ID_SHORT(action)##','Click ID'],['##PLACEMENT_ID##','广告位 / Affiliate ID'],['##BANNER_ID##','素材 ID'],['##USERAGENT##','User Agent'],['##USER_OS##','设备系统'],['##USER_OS_VER##','系统版本'],['##REMOTE_IP##','设备 IP'],['##COUNTRY_CODE##','国家码']],
|
||||
links:{click:{endpoint:'https://trident.bigpinggo.com/l/click', mappings:{clickid:'##SUB_ID_SHORT(action)##',offer_name:'',creative_id:'##BANNER_ID##',creative_name:'',affiliate_id:'##PLACEMENT_ID##',uagent:'##USERAGENT##',os_platform:'##USER_OS##',os_version:'##USER_OS_VER##',ip:'##REMOTE_IP##',country_code:'##COUNTRY_CODE##',ext:''}}}
|
||||
},
|
||||
{
|
||||
name:'SmartyAds', platformCode:'M_API_Self_Smartyads', status:'已配置',
|
||||
macros:[['[CLICK_ID]','Click ID'],['[TIMESTAMP]','UNIX 时间戳'],['[CAMPAIGN_ID]','Campaign ID'],['[CREATIVE_ID]','素材 ID'],['[CREATIVE_NAME]','素材名称'],['[APP_BUNDLE]','媒体 App Bundle'],['[IFA]','设备广告标识'],['[USER_AGENT]','User Agent'],['[OS]','操作系统'],['[IP]','设备 IP'],['[COUNTRY]','国家码']],
|
||||
links:{click:{endpoint:'https://trident.bigpinggo.com/l/click', mappings:{clickid:'[CLICK_ID]_[TIMESTAMP]',offer_name:'[CAMPAIGN_ID]',creative_id:'[CREATIVE_ID]',creative_name:'[CREATIVE_NAME]',affiliate_id:'[APP_BUNDLE]',gaid:'[IFA]',uagent:'[USER_AGENT]',os_platform:'[OS]',os_version:'[OSV]',device_model:'[DEVICE_MAKE]',ip:'[IP]',country_code:'[COUNTRY]',ext:'[CLICK_ID]',rta_token:''}}}
|
||||
},
|
||||
{
|
||||
name:'Traffic Star', platformCode:'A_API_SPDragon', status:'待业务复核',
|
||||
macros:[['{click_id}','S2S Click ID'],['{campaign_id}','Campaign ID'],['{creative_id}','素材 ID'],['{site_id}','站点 ID'],['{os}','操作系统'],['{device_type_id}','设备类型 ID'],['{ip}','设备 IP'],['{geo}','两位国家码'],['{format}','素材格式']],
|
||||
links:{click:{endpoint:'https://trident.bigpinggo.com/l/click', mappings:{clickid:'{click_id}',offer_name:'{campaign_id}',creative_id:'{creative_id}',creative_name:'{format}',affiliate_id:'{site_id}',os_platform:'{os}',os_version:'{os_id}',device_model:'{device_type_id}',ip:'{ip}',country_code:'{geo}',ext:'',rta_token:''}}}
|
||||
}
|
||||
];
|
||||
|
||||
@@ -0,0 +1,59 @@
|
||||
((root) => {
|
||||
function decodeKey(value) {
|
||||
try { return decodeURIComponent(value.replace(/\+/g, ' ')); }
|
||||
catch (_) { return value; }
|
||||
}
|
||||
|
||||
function detectLinkType(link) {
|
||||
const pathname = new URL(link).pathname.toLowerCase();
|
||||
return /(?:^|\/)imp(?:\/|$)/.test(pathname) ? 'imp' : 'click';
|
||||
}
|
||||
|
||||
function convertTrackingLink(originalLink, template) {
|
||||
const original = originalLink.trim();
|
||||
const parsed = new URL(original);
|
||||
if (!['http:', 'https:'].includes(parsed.protocol)) throw new Error('仅支持 HTTP 或 HTTPS 链接');
|
||||
if (!parsed.search) throw new Error('链接中没有可转换的查询参数');
|
||||
|
||||
const type = detectLinkType(original);
|
||||
const linkTemplate = template.links[type];
|
||||
if (!linkTemplate) {
|
||||
const typeLabel = type === 'imp' ? 'Impression' : 'Click';
|
||||
throw new Error(`${template.name} 暂未配置 ${typeLabel} 宏模板`);
|
||||
}
|
||||
|
||||
const hashIndex = original.indexOf('#');
|
||||
const hash = hashIndex >= 0 ? original.slice(hashIndex) : '';
|
||||
const withoutHash = hashIndex >= 0 ? original.slice(0, hashIndex) : original;
|
||||
const queryIndex = withoutHash.indexOf('?');
|
||||
const base = withoutHash.slice(0, queryIndex);
|
||||
const query = withoutHash.slice(queryIndex + 1);
|
||||
const replacements = { platform: template.platformCode, ...linkTemplate.mappings };
|
||||
const changes = [];
|
||||
let parameterCount = 0;
|
||||
|
||||
const convertedSegments = query.split('&').map((segment) => {
|
||||
if (!segment) return segment;
|
||||
parameterCount += 1;
|
||||
const equalIndex = segment.indexOf('=');
|
||||
const rawKey = equalIndex >= 0 ? segment.slice(0, equalIndex) : segment;
|
||||
const rawValue = equalIndex >= 0 ? segment.slice(equalIndex + 1) : '';
|
||||
const key = decodeKey(rawKey);
|
||||
if (!Object.prototype.hasOwnProperty.call(replacements, key)) return segment;
|
||||
|
||||
const replacement = String(replacements[key] ?? '');
|
||||
if (rawValue !== replacement) changes.push({ key, from: rawValue, to: replacement });
|
||||
return `${rawKey}=${replacement}`;
|
||||
});
|
||||
|
||||
return {
|
||||
url: `${base}?${convertedSegments.join('&')}${hash}`,
|
||||
type,
|
||||
changes,
|
||||
parameterCount,
|
||||
preservedCount: parameterCount - changes.length
|
||||
};
|
||||
}
|
||||
|
||||
root.TrackingLinkConverter = { detectLinkType, convertTrackingLink };
|
||||
})(typeof window === 'undefined' ? globalThis : window);
|
||||
+79
-87
@@ -2,36 +2,26 @@
|
||||
const templates = window.LINK_TEMPLATES;
|
||||
if (!templates?.length) return;
|
||||
|
||||
const { convertTrackingLink } = window.TrackingLinkConverter;
|
||||
|
||||
const $ = (id) => document.getElementById(id);
|
||||
const platformSelect = $('platformSelect');
|
||||
const linkTypeSelect = $('linkTypeSelect');
|
||||
const mappingBody = $('mappingTableBody');
|
||||
const macroBody = $('macroTableBody');
|
||||
const output = $('urlOutput');
|
||||
const businessIds = ['advid','campid','pkg','platformCode','sanCampid','adsetId','countryCode'];
|
||||
let state = { platformIndex:0, type:'click', mappings:{} };
|
||||
let activeResult = null;
|
||||
let inputTimer;
|
||||
|
||||
$('templateCount').textContent = `${templates.length} 个平台模板`;
|
||||
templates.forEach((template, index) => platformSelect.add(new Option(template.name, index)));
|
||||
|
||||
const activeTemplate = () => templates[state.platformIndex];
|
||||
const activeLink = () => activeTemplate().links[state.type];
|
||||
const activeTemplate = () => templates[Number(platformSelect.value || 0)];
|
||||
|
||||
function loadPlatform() {
|
||||
function renderPlatform() {
|
||||
const template = activeTemplate();
|
||||
linkTypeSelect.innerHTML = '';
|
||||
Object.keys(template.links).forEach((type) => linkTypeSelect.add(new Option(type === 'click' ? 'Click Link' : 'Impression Link', type)));
|
||||
state.type = Object.keys(template.links)[0];
|
||||
$('platformCode').value = template.platformCode;
|
||||
$('platformStatus').innerHTML = `<span class="template-status ${template.status.includes('待') ? 'review' : ''}">${template.status}</span>`;
|
||||
const review = template.status.includes('待');
|
||||
$('platformStatus').innerHTML = `<span class="template-status ${review ? 'review' : ''}">${escapeHtml(template.status)}</span>`;
|
||||
renderMacros();
|
||||
loadLink();
|
||||
}
|
||||
|
||||
function loadLink() {
|
||||
state.mappings = { ...activeLink().mappings };
|
||||
renderMappings();
|
||||
buildUrl();
|
||||
if ($('originalLink').value.trim()) convertFromInput(false);
|
||||
}
|
||||
|
||||
function renderMacros() {
|
||||
@@ -42,76 +32,72 @@
|
||||
: '<tr><td colspan="2" class="table-empty">没有匹配的媒体宏</td></tr>';
|
||||
}
|
||||
|
||||
function renderMappings() {
|
||||
mappingBody.innerHTML = Object.entries(state.mappings).map(([key, value]) => `<tr><td><code>${escapeHtml(key)}</code></td><td><input data-key="${escapeHtml(key)}" value="${escapeHtml(value)}" aria-label="${escapeHtml(key)} value"></td></tr>`).join('');
|
||||
mappingBody.querySelectorAll('input').forEach((input) => input.addEventListener('input', () => {
|
||||
state.mappings[input.dataset.key] = input.value;
|
||||
buildUrl();
|
||||
}));
|
||||
function renderChanges(changes) {
|
||||
const rows = changes.length ? changes : [{ key:'—', from:'原链接参数无需变化', to:'—' }];
|
||||
$('mappingTableBody').innerHTML = rows.map((change) => `<tr>
|
||||
<td><code>${escapeHtml(change.key)}</code></td>
|
||||
<td><span class="old-param">${escapeHtml(change.from || '(空值)')}</span></td>
|
||||
<td>${change.to ? `<code>${escapeHtml(change.to)}</code>` : '<span class="empty-param">留空</span>'}</td>
|
||||
</tr>`).join('');
|
||||
}
|
||||
|
||||
function buildUrl() {
|
||||
const link = activeLink();
|
||||
const campid = $('campid').value.trim();
|
||||
const pkg = $('pkg').value.trim();
|
||||
const type = state.type;
|
||||
const params = [];
|
||||
const addBusiness = (key, value) => params.push(`${key}=${encodeURIComponent(value)}`);
|
||||
const addRaw = (key, value) => params.push(`${key}=${value}`);
|
||||
|
||||
if (type === 'click') {
|
||||
addBusiness('advid', $('advid').value.trim());
|
||||
addBusiness('campid', campid);
|
||||
addBusiness('platform', $('platformCode').value.trim());
|
||||
addBusiness('pkg', pkg);
|
||||
} else {
|
||||
addBusiness('campid', campid);
|
||||
addBusiness('pkg', pkg);
|
||||
}
|
||||
|
||||
Object.entries(state.mappings).forEach(([key, value]) => {
|
||||
const finalValue = key === 'country_code' && $('countryCode').value.trim()
|
||||
? $('countryCode').value.trim().toUpperCase()
|
||||
: value;
|
||||
addRaw(key, finalValue);
|
||||
});
|
||||
|
||||
if (type === 'click') {
|
||||
if ($('sanCampid').value.trim()) addBusiness('san_campid', $('sanCampid').value.trim());
|
||||
if ($('adsetId').value.trim()) addBusiness('adset_id', $('adsetId').value.trim());
|
||||
addRaw('c_cto', '0');
|
||||
} else {
|
||||
addRaw('at_tag', '2');
|
||||
}
|
||||
|
||||
const url = `${link.endpoint}?${params.join('&')}`;
|
||||
output.textContent = url;
|
||||
$('urlLength').textContent = `${url.length} chars`;
|
||||
|
||||
const missing = [];
|
||||
if (!campid) missing.push('Campaign ID');
|
||||
if (!pkg) missing.push('Package Name');
|
||||
$('generatorMessage').textContent = missing.length ? `待填写：${missing.join('、')}` : '';
|
||||
function showEmpty() {
|
||||
activeResult = null;
|
||||
$('conversionEmpty').classList.remove('hidden');
|
||||
$('conversionResult').classList.add('hidden');
|
||||
$('detectedType').textContent = '等待链接';
|
||||
$('generatorMessage').textContent = '';
|
||||
$('copyStatus').textContent = '';
|
||||
$('copyLink').disabled = true;
|
||||
}
|
||||
|
||||
function resetGenerator() {
|
||||
$('advid').value = '30';
|
||||
$('campid').value = '';
|
||||
$('pkg').value = '';
|
||||
$('platformCode').value = activeTemplate().platformCode;
|
||||
$('sanCampid').value = '';
|
||||
$('adsetId').value = '-1';
|
||||
$('countryCode').value = '';
|
||||
loadLink();
|
||||
function showError(message) {
|
||||
activeResult = null;
|
||||
$('generatorMessage').textContent = message;
|
||||
$('conversionEmpty').classList.remove('hidden');
|
||||
$('conversionResult').classList.add('hidden');
|
||||
$('detectedType').textContent = '无法识别';
|
||||
$('copyLink').disabled = true;
|
||||
}
|
||||
|
||||
function convertFromInput(showRequiredMessage = true) {
|
||||
const original = $('originalLink').value.trim();
|
||||
$('copyStatus').textContent = '';
|
||||
if (!original) {
|
||||
showEmpty();
|
||||
if (showRequiredMessage) $('generatorMessage').textContent = '请先粘贴一条完整的 Tracking Link';
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const result = convertTrackingLink(original, activeTemplate());
|
||||
activeResult = result;
|
||||
const typeLabel = result.type === 'imp' ? 'Impression' : 'Click';
|
||||
$('detectedType').innerHTML = `<span class="type-chip">${typeLabel}</span>`;
|
||||
$('summaryType').textContent = typeLabel;
|
||||
$('replacementCount').textContent = result.changes.length;
|
||||
$('preservedCount').textContent = result.preservedCount;
|
||||
$('urlLength').textContent = `${result.url.length} chars`;
|
||||
output.textContent = result.url;
|
||||
renderChanges(result.changes);
|
||||
$('generatorMessage').textContent = result.changes.length ? '' : '链接有效，但没有发现需要替换的参数';
|
||||
$('conversionEmpty').classList.add('hidden');
|
||||
$('conversionResult').classList.remove('hidden');
|
||||
$('copyLink').disabled = false;
|
||||
} catch (error) {
|
||||
showError(error.message === 'Invalid URL' ? '链接格式不正确，请粘贴包含 http:// 或 https:// 的完整链接' : error.message);
|
||||
}
|
||||
}
|
||||
|
||||
function loadSample() {
|
||||
$('originalLink').value = 'https://trident.bigpinggo.com/l/click?advid=30&campid=91566789&platform=M_API_Self_Mintegral&pkg=com.salaryse.android&clickid={click_id}&offer_name={offer_name}&creative_id={creative_id}&creative_name={creative_name}&affiliate_id={affiliate_id}&idfa={idfa}&gaid={gaid}&imei={imei}&android_id={android_id}&mac={mac}&oaid={oaid}&uagent={ua}&os_platform={os_platform}&os_version={os_version}&device_model={device_model}&ip={ip}&country_code={country_code}&ext={ext}&rta_token={rta_token}&san_campid=91566789&adset_id=-1&c_cto=0';
|
||||
convertFromInput(false);
|
||||
}
|
||||
|
||||
async function copyUrl() {
|
||||
if (!$('campid').value.trim() || !$('pkg').value.trim()) {
|
||||
$('copyStatus').textContent = '请先补全必填参数';
|
||||
return;
|
||||
}
|
||||
if (!activeResult) return;
|
||||
try {
|
||||
await navigator.clipboard.writeText(output.textContent);
|
||||
await navigator.clipboard.writeText(activeResult.url);
|
||||
} catch (_) {
|
||||
const range = document.createRange();
|
||||
range.selectNodeContents(output);
|
||||
@@ -123,7 +109,7 @@
|
||||
}
|
||||
$('copyStatus').textContent = '已复制';
|
||||
const toast = $('toast');
|
||||
toast.textContent = '最终链接已复制到剪贴板';
|
||||
toast.textContent = '转换后的平台链接已复制';
|
||||
toast.classList.add('show');
|
||||
setTimeout(() => toast.classList.remove('show'), 1800);
|
||||
}
|
||||
@@ -132,11 +118,17 @@
|
||||
return String(value).replace(/[&<>"']/g, (char) => ({ '&':'&', '<':'<', '>':'>', '"':'"', "'":''' })[char]);
|
||||
}
|
||||
|
||||
platformSelect.addEventListener('change', () => { state.platformIndex = Number(platformSelect.value); loadPlatform(); });
|
||||
linkTypeSelect.addEventListener('change', () => { state.type = linkTypeSelect.value; loadLink(); });
|
||||
platformSelect.addEventListener('change', renderPlatform);
|
||||
$('macroSearch').addEventListener('input', renderMacros);
|
||||
businessIds.forEach((id) => $(id).addEventListener('input', buildUrl));
|
||||
$('resetGenerator').addEventListener('click', resetGenerator);
|
||||
$('convertLink').addEventListener('click', () => convertFromInput(true));
|
||||
$('sampleLink').addEventListener('click', loadSample);
|
||||
$('copyLink').addEventListener('click', copyUrl);
|
||||
loadPlatform();
|
||||
$('clearConverter').addEventListener('click', () => { $('originalLink').value = ''; showEmpty(); $('originalLink').focus(); });
|
||||
$('originalLink').addEventListener('input', () => {
|
||||
clearTimeout(inputTimer);
|
||||
inputTimer = setTimeout(() => convertFromInput(false), 220);
|
||||
});
|
||||
|
||||
renderPlatform();
|
||||
showEmpty();
|
||||
})();
|
||||
|
||||
+3
-3
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user