Snippet setup
How to install the MediaSafe snippet
One tag in <head> — and signal collection starts right away.
1. Copy your snippet
Go to your dashboard → "Settings" → copy the code under your site. It looks like this:
<!-- MediaSafe -->
<script src="https://ingest.mediasafe.cc/collector.js"
data-site="YOUR_KEY" async></script>
<!-- /MediaSafe -->
2. Insert into <head>
The code must be inside your site's <head> tag — before the closing </head>. The async attribute guarantees the snippet won't slow down page load.
If you use WordPress
Insert the code via a plugin like "Insert Headers and Footers", or directly in your theme's header.php, before </head>.
If you use Tilda / a site builder
In your site settings, find "Additional code in head" and paste the snippet there.
If your site runs React/Vue/Next.js
Add the tag to your root HTML template (index.html or _document.js) — manually, the snippet doesn't require an npm package.
3. Check that data is coming in
Open your site in a browser, wait 1–2 minutes, then refresh "Overview" in the dashboard — at least one visit should appear.
Common issues
- No data after 10+ minutes — check that the script actually loads (Network tab in DevTools, status 200 on collector.js)
- Wrong site key — double-check
data-siteagainst what's shown in the dashboard - Ad blockers — some extensions may block third-party scripts; this doesn't affect real users without blockers