Links

Píxel de conversión en Framer

Instala el píxel de conversión de Styrar en un sitio Framer usando Custom Code.

En tu proyecto de Framer, ve a Site Settings → General → Custom Code.
En Start of <head> tag, añade:
HTML
```
<script src="https://api.styrar.com/v1/pixel/styrar.js" async></script>
```
Esto carga el píxel en todas las páginas de tu sitio publicado. Si solo lo quieres en una landing page concreta, añade la etiqueta en Page Settings → Custom Code de esa página en su lugar.
Marca conversiones de forma declarativa añadiendo un atributo HTML a un botón o elemento mediante el panel Code → HTML Attributes de la capa:
- Atributo: data-styrar-track
- Valor: por ejemplo, signup

O llama al rastreador directamente desde un componente de código:

TSX

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

Relacionado

Píxel de conversión — referencia completa