Framer

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:

Open your project.
Site Settings → Custom Code.
Paste this snippet into End of <head>:

<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.

2. Track custom events

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

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

See Track 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):

<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 for the field reference.

Shopify Authentication