Framer
Framer forms are React-controlled, which the tag handles via React's value setter. Framer also lets you set a field's Name, so the cleanest path is name-based: name a hidden field to match your field map. The [mtk:…] token works too, as a fallback.
Add the tag to your site
In the Framer editor, open Project Settings (top-left) → General → Custom Code. Paste the loader into End of <head> tag, then Publish.
<script src="https://attr.boggsmtk.com/v1/tag.js?k=YOUR_LICENSE_KEY"></script>
Swap YOUR_LICENSE_KEYfor the client's key from the dashboard.
Add a hidden field to the form
Select your form, then add an input for each value you want to capture. In the input's properties on the right, set the field's Name to exactly the Field Input Name from your field map (e.g. mtk_ft_source). To keep it out of view, hide the layer (or move it off-canvas) — it still submits.
Fallback: if you can't set a usable name, put the [mtk:…]token in the field's default/placeholder value instead — the tag fills it by value.
Publish
Publish the site. The tag populates the field on load and again at submit, so attribution rides along with the lead.