Links

Conversiepixel op Framer

Installeer de Styrar-conversiepixel op een Framer-site met Custom Code.

Ga in je Framer-project naar Site Settings → General → Custom Code.
Voeg onder Start of <head> tag toe:
HTML
```
<script src="https://api.styrar.com/v1/pixel/styrar.js" async></script>
```
Dit laadt de pixel op elke pagina van je gepubliceerde site. Wil je hem alleen op één landingspagina, voeg de tag dan in plaats daarvan toe onder de eigen Page Settings → Custom Code van die pagina.
Markeer conversies declaratief door een HTML-attribuut toe te voegen aan een knop of element via het paneel Code → HTML Attributes van de laag:
- Attribuut: data-styrar-track
- Waarde: bijvoorbeeld signup

Of roep de tracker rechtstreeks aan vanuit een codecomponent:

TSX

export function trackPurchase(value: number) {
  if (typeof window !== 'undefined' && (window as any).styrar) {
    ;(window as any).styrar.track('purchase', { value });
  }
}

Verwant

Conversiepixel — volledige referentie