Auf Framer installieren

Für die Installation auf Framer fügst du nur einmal etwas ein, im Tab Custom Code der Site Settings. Zwei Hinweise für den Betrieb vorab: Speichern veröffentlicht nicht (Publish ist bei Framer ein eigener Schritt), und mit dem kostenlosen Plan lässt sich kein eigener Code ausliefern (jeder bezahlte Website-Plan enthält ihn).

Den Head-Bereich öffnen

Im Framer-Editor: Zahnradsymbol (oben rechts im Editor) > Site Settings > Tab Custom Code.

Nutze das Feld „Start of <head> tag“. Der Tab bietet auch Felder für das Ende des Head und für den Body; die sind für die Klickerfassung der falsche Ort, Rekomi braucht den Anfang von <head>.

Das Head-Skript einfügen

Im Feld „Start of <head> tag“:

<script async src="https://api.rekomi.com/api/v1/r/loader.js" data-program-id="YOUR_PROGRAM_ID" data-rkmi-email-capture="auto"></script>
<noscript>
  <img src="https://api.rekomi.com/api/v1/r/c.gif" width="1" height="1" alt="" referrerpolicy="no-referrer-when-downgrade" />
</noscript>

Deine Programm-ID ist im Snippet in Rekomi unter Einrichtung > Installieren (Framer wählen) schon eingesetzt.

Rekomi erfasst eine E-Mail-Adresse, die ein vermittelter Besucher auf den Seiten, auf denen das Tag läuft, in ein beliebiges E-Mail- oder Textfeld tippt (Registrierung, Login, Checkout und andere Formulare), damit der Verkauf auch dann gutgeschrieben werden kann, wenn dein Checkout keine Empfehlung übergibt. Ohne Empfehlung wird nichts erfasst. Entferne das Attribut data-rkmi-email-capture, um das auszuschalten; explizite Aufrufe von Rekomi.convert() funktionieren weiterhin.

Veröffentlichen

Klicke auf Publish (oben rechts im Editor). Ohne diesen ausdrücklichen Schritt übernimmt deine gespeicherte, aber unveröffentlichte Website die Änderung nicht. Framer trennt Speichern und Veröffentlichen.

Wo der Verkauf stattfindet

Framer hat keinen eigenen Checkout und ist kein Merchant of Record, deshalb läuft der Verkauf immer außerhalb von Framer: meist über Stripe Checkout oder einen Stripe Payment Link, oder über einen eingebetteten Checkout eines Drittanbieters.

Das übliche SaaS-Muster: Du nutzt Framer nur für die Marketingseiten und verlinkst für den eigentlichen Verkauf auf Stripe Checkout oder Stripe Payment Links. Das Head-Skript erfasst die Klicks, und der Stripe-Webhook schließt den Kreis bei der Conversion. Einen eigenen Schritt zum Auslösen der Conversion auf Framer brauchst du nicht. Speziell bei Payment Links läuft die Attribution über Gutscheincodes pro Affiliate; siehe Auf Stripe installieren.

Läuft der Checkout stattdessen bei einem eingebetteten Drittanbieter, erfasse Conversions über Gutscheincodes pro Affiliate (Kampagne > Gutscheincodes) oder leite den Verkauf aus dem Webhook dieses Anbieters von deinem eigenen Backend an den S2S-Tracking-Endpunkt von Rekomi weiter.

Eigener Code pro Seite (lass ihn weg)

Framer bietet über das Panel Page Settings auch eigenen Code pro Seite an. Lass die Rekomi-Installation im websiteweiten Feld der Site Settings, nicht pro Seite. Bindest du das Skript auf mehreren Seiten doppelt ein, riskierst du doppelt ausgelöste Klicks und einen durcheinandergeratenen Cookie-Zustand.

Gut zu wissen

Veröffentlichen ist ein eigener Schritt, nicht automatisch. Save aktualisiert bei Framer deinen Entwurf, Publish bringt ihn live. Vergisst du Publish, erreichen deine Änderungen nie die Besucher.

Der kostenlose Plan entfernt eigenen Code. Der kostenlose Plan von Framer liefert keine eigenen Code-Blöcke in die Produktion aus, egal wie oft du veröffentlichst. Jeder bezahlte Website-Plan enthält eigenen Code.

Framer-Komponenten haben keine Felder für eigenen Code. Eigener Code sitzt auf Ebene der Website oder der Seite, nicht auf Ebene der Komponente. Nutzt du eine Komponente von Dritten (etwa eine Preistabelle aus dem Framer-Marketplace), läuft das Rekomi-Skript aus den Site Settings trotzdem auf der Seite, die die Komponente darstellt. Eine Installation pro Komponente ist nicht nötig.

Keine Bestelldaten auf der Seite. Der Verkauf läuft außerhalb von Framer, deshalb gibt es keinen verlässlichen Weg, einen Verkauf von der Framer-Seite selbst zu erfassen. Erfasse Conversions dort, wo das Geld fließt: über deine Stripe-Verbindung, mit Gutscheincodes pro Affiliate oder über ein S2S-Relay aus dem Webhook deines Checkout-Anbieters.

Fehlerbehebung

Website veröffentlicht, aber das Rekomi-Skript taucht im Seitenquelltext nicht auf. Prüfe drei Dinge: dass das Skript im Feld „Start of <head> tag“ im Tab Custom Code steht (nicht in einem Body-Feld), dass du nach Save auf Publish geklickt hast und dass deine Website einen bezahlten Plan hat (kostenlose Websites entfernen eigenen Code).

Das Klick-Cookie wird auf der Startseite gesetzt, aber nicht auf /pricing oder anderen Seiten. Das Skript sitzt in den Site Settings (global), lädt also auf jeder von Framer ausgelieferten Seite. Fehlt das Skript im Seitenquelltext einer bestimmten Seite, ist diese Seite womöglich eine Weiterleitung, die Framer hostet, oder eine Fehlleitung über die eigene Domain. Prüfe, ob Framer diese Seite wirklich ausliefert.

Die eigene Domain zeigt das Skript, die Framer-Vorschau aber nicht. Die Vorschau unter your-site.framer.website enthält unter Umständen erst nach dem Veröffentlichen alle Site Settings. Teste nach Publish auf der eigenen Domain, dann ist das Ergebnis am genauesten.

Verwandte Seiten

• Checkout-Tracking ohne Code und ohne Stripe
• Auf Stripe installieren, mit der Anleitung für Gutscheine bei Payment Links, wenn du über Marketingseiten auf Framer verkaufst