Links

Conversion-Pixel auf Framer

Installieren Sie das Styrar-Conversion-Pixel auf einer Framer-Site über Custom Code.

Gehen Sie in Ihrem Framer-Projekt zu Site Settings → General → Custom Code.
Fügen Sie unter Start of <head> tag Folgendes ein:
HTML
```
<script src="https://api.styrar.com/v1/pixel/styrar.js" async></script>
```
Dies lädt das Pixel auf jeder Seite Ihrer veröffentlichten Site. Wenn Sie es nur auf einer einzelnen Landingpage möchten, fügen Sie das Tag stattdessen unter Page Settings → Custom Code dieser Seite ein.
Markieren Sie Conversions deklarativ, indem Sie über das Panel Code → HTML Attributes des Layers ein HTML-Attribut zu einem Button oder Element hinzufügen:
- Attribut: data-styrar-track
- Wert: z. B. signup

Oder rufen Sie den Tracker direkt aus einer Code-Komponente auf:

TSX

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

Verwandte Themen