Eigener Code
Viele Baukästen haben Bereiche wie „Eigenen Code einfügen“, „HTML einbetten“ oder „Tracking-Code“.
CMS-Einbindung · Baukasten
Einbindung des immoSoR-Widgets in Website-Baukästen.
Bei Website-Baukästen hängt die Einbindung davon ab, ob eigene HTML-, iframe- oder JavaScript-Blöcke erlaubt sind.
Mastercode allgemein einbinden. Objekt-Marker nur auf der passenden Objektseite setzen.
01
Codebereich öffnen
Öffnen Sie im Baukasten den Bereich für eigenen Code.
02
Erlaubte Einbettung prüfen
Prüfen Sie, ob JavaScript oder iframe-Einbindungen erlaubt sind.
03
Mastercode einsetzen
Fügen Sie den immoSoR-Mastercode ein, wenn JavaScript erlaubt ist.
04
Objektseite öffnen
Öffnen Sie die konkrete Objektseite.
05
Marker oder iframe setzen
Fügen Sie dort den passenden Objekt-Marker oder den iframe-Fallback ein.
06
Veröffentlichen
Veröffentlichen Sie die Seite.
07
Funktion prüfen
Prüfen Sie Funktion und Objektzuordnung im Browser und in immoSoR.
Prüfung
Am Ende zählt die richtige Objektzuordnung.
- Der Mastercode lädt nur die allgemeine Widget-Funktion.
- Der Objekt-Marker enthält den konkreten Immobilienbezug.
- Nach dem Einbau muss eine Test-Anfrage ausgelöst werden.
- In immoSoR muss die Anfrage beim richtigen Objekt erscheinen.
Wichtig
Kopieren Sie den Objekt-Marker nicht pauschal auf mehrere Objektseiten. Jede Immobilie braucht ihre eigene Zuordnung.
Backend-Anleitung · Website-Baukästen
Administrator-Anleitung: Widget in Website-Baukästen einbauen.
Diese Schritte richten sich an Administratoren, Redakteure und betreuende Agenturen. Sie zeigen den Backend-Weg vom globalen Mastercode bis zum objektbezogenen Marker auf der Immobilienseite.
Schritt für Schritt
Saubere Reihenfolge der Einrichtung.
Die Reihenfolge trennt Verwaltung, Technik, Objektzuordnung und Prüfweg. Erst wenn die öffentliche Seite die richtige Objektakte trifft, ist die Einbindung abgeschlossen.
01
Code-Funktionen prüfen
Öffnen Sie im Baukasten die Website-Einstellungen und prüfen Sie, ob eigener HTML-, iframe- oder JavaScript-Code erlaubt ist.
02
Globalen Codebereich nutzen
Falls verfügbar, fügen Sie den Mastercode in „Eigenen Code“, „Tracking-Code“ oder „Code im Kopf-/Fußbereich“ ein.
03
Objektseite öffnen
Öffnen Sie die konkrete Objektseite im Editor des Baukastens.
04
Embed-/HTML-Element einfügen
Fügen Sie ein HTML-, Embed- oder iframe-Element ein. Wenn JavaScript gesperrt ist, verwenden Sie den iframe-Fallback.
05
Veröffentlichen
Speichern und veröffentlichen Sie die Seite. Manche Baukästen zeigen Änderungen erst nach expliziter Veröffentlichung.
06
Smartphone und Desktop prüfen
Prüfen Sie die Seite auf Smartphone und Desktop, da Baukästen Codebereiche unterschiedlich skalieren können.
07
Test-Anfrage auslösen
Senden Sie eine Test-Anfrage und prüfen Sie die Zuordnung in immoSoR.
Modulcode · Website-Baukästen
Backend-Modul sauber vorbereiten.
Die folgenden Muster sind als technische Vorlage gedacht. Vor produktiver Nutzung prüft die betreuende Person Sicherheitsregeln, Ausgabeformat, CSP und Projektstandard.
Baukasten: globaler Codebereich
Nur nutzen, wenn JavaScript im Tarif erlaubt ist.
Baukasten: iframe-Fallback
Für HTML-/Embed-Felder, wenn Script-Tags gesperrt sind.
Prüfung
Der Backend-Einbau endet erst im öffentlichen Frontend.
Speichern im CMS ist nur der Zwischenschritt. Entscheidend ist die öffentliche Objektseite, die mobile Ansicht und die Test-Anfrage in der richtigen immoSoR-Objektakte.
Einbindung vorbereiten · Website-Baukästen
Objekt-ID eintragen. Code kopieren. Einfügen. Fertig.
Der Assistent erzeugt Muster-Code für Website-Baukästen. Der Mastercode wird einmalig in der Website hinterlegt. Der Objekt-Marker gehört auf die konkrete Immobilienseite.
Beispielwerte aus der Objekt-Akte sauberer Musterfall
- Objekt-ID
100XVBK- Widget-Schlüssel
wgt_100xvbk_e9aa89a0- Öffentliche Adresse
https://app.dreifisch.com/w/wgt_100xvbk_e9aa89a0
Schnellkopie · Website-Baukästen
Muster-Code sichtbar kopieren.
Diese Codeblöcke zeigen den Musterfall mit Objekt-ID 100XVBK und Widget-Schlüssel wgt_100xvbk_e9aa89a0. Für echte Objekte verwenden Sie die Werte aus der Objekt-Akte oder öffnen den Code-Assistenten.
1. Mastercode
Einmalig global hinterlegen.
2. Objekt-Marker
Auf die konkrete Immobilienseite setzen.
3. Komplettcode
Für einfache HTML-/Codefelder, wenn alles zusammen eingefügt wird.
4. iframe-Fallback
Für Fälle, in denen JavaScript oder Meta-Zeilen entfernt werden.
Einbindung-FAQ
Häufige Fragen zur Widget-Einbindung in Website-Baukästen.
Zusätzlich zur Anleitung gibt es eine eigene FAQ-Seite mit technischen Fragen, fachlichen Prüfpunkten und typischen Fehlerquellen im Maklerbüro.
Fragen vor dem Einbau klären
Öffnen Sie die passende Einbindung-FAQ, prüfen Sie den Ablauf in der App oder rufen Sie direkt an.
Weiterführend
Passende Anschlussseiten.
Die CMS-Anleitungen sind miteinander verbunden. Der zentrale Überblick führt zurück zur Gesamtordnung der Einbindung.
Zugang
Testzugang oder Zugang öffnen.
Der Testzugang zeigt E-Mail-Adresse, E-Mail-Bestätigung, Zugangsdaten und Übersichtsseite.