> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thrads.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Framer

> Install the Thrad Tag on a Framer site via Site Settings → Custom Code.

Framer exposes Custom Code in Site Settings, which is all you need to drop in the Tag.

## 1. Add the Tag in Custom Code

In Framer:

1. Open your project.
2. **Site Settings → Custom Code**.
3. Paste this snippet into **End of `<head>`**:

```html theme={null}
<script>
  window.thradTag = window.thradTag || function () {
    (window.thradTag.q = window.thradTag.q || []).push(arguments);
  };
  window.thradTag("set", {
    tag_id: "<YOUR_TAG_ID>",
    channel: "web",
  });
</script>
<script async src="https://cdn.thrad.ai/tag.min.js"></script>
```

Replace `<YOUR_TAG_ID>` with the tag ID Thrad sent you. Republish the site.

That's enough to start receiving page views from any visitor arriving via a Thrad ad — they're [tracked automatically](/advertisers/attribution/tag/events).

## 2. Track custom events

Anywhere Framer lets you run custom JS (embed blocks, page-specific custom code), call `thradTag("event", …)`:

```html theme={null}
<script>
  window.thradTag("event", "contents_viewed", {
    content_id: "sku_123",
    value: 49.99,
    currency: "USD"
  });
</script>
```

See [Track events](/advertisers/attribution/tag/events) for the full standard taxonomy. Custom event names are accepted.

## 3. Track conversions

On a confirmation / thank-you page, add this in **page-specific custom code** (Site Settings → Pages → your confirm page → Custom Code):

```html theme={null}
<script>
  window.thradTag("conversion", {
    order_id: "{{ order_id }}",
    value: 99.99,
    currency: "USD"
  });
</script>
```

Replace the values with the real order details rendered by whatever powers your confirm page. See [Track conversions](/advertisers/attribution/tag/conversions) for the field reference.
