Having issues with embedding your TrackScore leaderboards? Find solutions to common problems and get your embeds working perfectly.
Try accessing your embed URL directly:
If this page loads successfully, the issue is likely with your embedding implementation.
1. Verify Leaderboard ID
Check your leaderboard URL in the TrackScore dashboard and ensure you're using the correct ID in your embed code.
2. Update Content Security Policy
3. Test in Incognito/Private Mode
This helps identify if browser extensions or ad blockers are causing issues.
The basic HTML iframe method uses a fixed height. For dynamic height adjustment, use the JavaScript embed method instead.
<!-- Replace your iframe with this: -->
<div id="trackscore-leaderboard"></div>
<script>
(function() {
var iframe = document.createElement('iframe');
iframe.src = 'https://trackscore.online/embed/YOUR_ID';
iframe.style.width = '100%';
iframe.style.height = '600px';
iframe.style.border = 'none';
// Auto-resize functionality
window.addEventListener('message', function(event) {
if (event.origin !== 'https://trackscore.online') return;
if (event.data.type === 'trackscore-resize') {
iframe.style.height = event.data.height + 'px';
}
});
document.getElementById('trackscore-leaderboard')
.appendChild(iframe);
})();
</script>Pro Tip: The JavaScript method automatically adjusts the iframe height based on the leaderboard content, providing a seamless user experience.
1. Use Theme Customization
Try different themes to match your website's aesthetic:
?theme=corporate-clean - Professional appearance?theme=cyberpunk - Modern, colorful design?theme=sports-arena - Athletic styling2. Transparent Background
Use transparent background to blend with your page:
?transparent=true&hideHeader=true&hideFooter=true3. Adjust Container Styling
.leaderboard-container {
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
overflow: hidden;
}1. Adjust Refresh Interval
For static content, disable auto-refresh or increase the interval:
?autoRefresh=false - Disable automatic updates?refreshInterval=300 - Update every 5 minutes2. Lazy Loading
Add loading="lazy" attribute to your iframe for better page performance.
3. Reduce Visual Elements
?hideHeader=true&hideFooter=true - Minimal UIUse your browser's developer tools to diagnose issues:
Test your embeds thoroughly:
Our support team is here to help you resolve any embedding issues. Include details about your setup for faster assistance.
Premium users get priority technical support with faster response times and dedicated assistance for complex embedding scenarios.