Skip to main content

Sensor docs

Add the Foglift pixel to Framer

Framer has a Custom Code panel in your project settings. You will paste Foglift's one-line pixel into the End of <head> tag field and publish. It is one line into one box — no coding required.

The line you will paste

Open AI Traffic while signed in to copy this with your workspace identifier already filled in. It is safe in page source and cannot access your account.

<script async src="https://foglift.io/pixel.js" data-foglift-brand="YOUR_WORKSPACE_ID"></script>

Step by step in Framer

  1. Copy your pixel from Foglift

    Open AI Traffic in Foglift while signed in and copy the one-line snippet. Your workspace identifier is already filled in, and it is safe to have in page source.

  2. Open Project settings in Framer

    In the Framer editor, click the settings icon in the top-left toolbar (or the project name, then Project settings) to open your project's settings.

  3. Find the Custom Code section

    In Project settings, open the General tab and scroll to the Custom Code section, where Framer lets you add code to the page head and body.

  4. Paste into the End of <head> tag field

    Paste the snippet into the End of <head> tag field. Do not use the Start of <body> or End of <body> fields — the pixel belongs in the head.

  5. Let Framer save the setting

    Framer saves custom code as you type, so there is no separate Save button for this field. Close the settings panel when the code is in place.

  6. Publish the site

    Click Publish in the top-right, then Update, so the custom code goes live on your published domain.

  7. Verify it is live

    Open a published page in a private browser window, open the Network panel, and confirm pixel.js loads. Then watch AI Traffic — the first recognized AI answer referral appears when a visitor arrives from a supported AI surface.

A successful pixel.js load proves the placement is live. It does not create a referral event and does not prove that an AI engine cited, indexed, or recommended your site.

Open AI Traffic

Need AI crawler-request visibility?

The pixel measures human referral clicks. To also see AI crawlers, install a server-side Sensor where HTTP requests are visible.