How to track visitors on Framer.

Framer has a custom code panel in project settings. The catch is that it does not run in Preview, so the install looks broken until you publish.

What you need

• A Framer project you can publish.
• A paid Framer site plan — custom code is not available on the free tier.
• A VisitorPing site key, in the form vp_ABC23456 — the prefix vp_ and eight characters. The alphabet leaves out I, O, 0 and 1, so there is nothing to misread when copying it.

Install it

1
Open custom code
In your project open Project Settings, choose Custom Code, then Add Script.
2
Paste and place it
Paste the tag with your own key in place of vp_ABC23456.
Choose End of Head for placement, select all pages, and set it to load Once.
```
<script defer crossorigin="anonymous" src="https://cdn.visitorping.com/site/vp_ABC23456.js"></script>
```
3
Publish, then test the live site
Publish, then open the published site in a private window and move between two pages. Both should appear in Live Radar.

Preview will not run it

Framer Preview does not execute custom code from project settings. Checking there and seeing nothing is expected and tells you nothing about whether the install worked.

Always test the published URL.

What you will actually see

Per visit: the city and region the network resolves to, where the visitor came from, the page they landed on, their device and browser, and whether they have been before.

You do not get a name, an email address, or an identity. Nobody can give you that from a page view, whatever the marketing says. Geolocation resolves a network rather than a doorstep, so a visitor on a VPN or a mobile network can appear in the wrong city entirely. Treat location as a hint.

You are collecting visitor data, so say so in your privacy notice and check which consent rules apply where your customers are — a question for your own legal advice, not for a setup guide.

If it is not working

Nothing happens in Preview: That is normal. Publish and test the live site instead.
Only the first page is tracked: The script was set to load per page rather than Once, or was scoped to a single page instead of all pages.

Find what is costing you search clicks, then watch the fix work.

VisitorPing reads your own Search Console data for the pages losing clicks, then rings your phone the moment someone lands on your website.

Start Free Trial See how it works

Install it

Open custom code

In your project open Project Settings, choose Custom Code, then Add Script.

Paste and place it

Paste the tag with your own key in place of vp_ABC23456.

Choose End of Head for placement, select all pages, and set it to load Once.

<script defer crossorigin="anonymous" src="https://cdn.visitorping.com/site/vp_ABC23456.js"></script>

Publish, then test the live site

Publish, then open the published site in a private window and move between two pages. Both should appear in Live Radar.

What you will actually see

Per visit: the city and region the network resolves to, where the visitor came from, the page they landed on, their device and browser, and whether they have been before.

You are collecting visitor data, so say so in your privacy notice and check which consent rules apply where your customers are — a question for your own legal advice, not for a setup guide.