`;
// Fetch API Code
const fetchCode = ``;
// Click tracking link
const clickTrackCode = `https://tracking.example.com/click?campaign=${campaignId}&url=DESTINATION_URL`;
document.getElementById('imgCode').textContent = imgCode;
document.getElementById('beaconCode').textContent = beaconCode;
document.getElementById('fetchCode').textContent = fetchCode;
document.getElementById('clickTrackCode').textContent = clickTrackCode;
document.getElementById('results').classList.add('show');
}
function switchTab(tab) {
const tabs = document.querySelectorAll('.tab-content');
tabs.forEach(t => t.classList.remove('active'));
document.getElementById(tab).classList.add('active');
const buttons = document.querySelectorAll('.tab-btn');
buttons.forEach(b => b.classList.remove('active'));
event.target.classList.add('active');
}
function copyCode(elementId) {
const text = document.getElementById(elementId).textContent;
navigator.clipboard.writeText(text).then(() => {
const btn = event.target;
btn.textContent = '✓ Copied!';
btn.classList.add('copied');
setTimeout(() => {
btn.textContent = 'Copy Code';
btn.classList.remove('copied');
}, 2000);
});
}
function clearForm() {
document.getElementById('trackingUrl').value = '';
document.getElementById('campaignId').value = '';
document.getElementById('userId').value = '';
document.getElementById('pixelSize').value = '1x1';
document.getElementById('results').classList.remove('show');
}