CMS-Einbindung · Drupal

Einbindung des immoSoR-Widgets in Drupal.

Drupal eignet sich für strukturierte Unternehmensseiten. Die Einbindung kann über Blöcke, Inhaltstypen, Felder oder Twig-Templates erfolgen.

Mastercode allgemein einbinden. Objekt-Marker nur auf der passenden Objektseite setzen.

Globaler Block

Der Mastercode kann in einem globalen Block oder Theme-Bereich ausgegeben werden.

Inhaltstyp Immobilie

Der Objekt-Marker kann als Feld am Inhaltstyp Immobilie gepflegt werden.

Cache beachten

Nach Änderungen an Block, Theme oder Template muss der Drupal-Cache geleert werden.

Anleitung

Schritt für Schritt.

So wird das immoSoR-Widget in diesem System sauber eingebunden.

01

Bereich öffnen

Öffnen Sie im Drupal-Backend den Bereich für Blöcke, Theme-Einstellungen oder Templates.

02

Mastercode hinterlegen

Hinterlegen Sie den immoSoR-Mastercode im globalen Seitenbereich.

03

Cache leeren

Speichern Sie die Änderung und leeren Sie den Drupal-Cache.

04

Objekt öffnen

Öffnen Sie den Inhaltstyp oder die konkrete Immobilienseite.

05

Marker einfügen

Fügen Sie den passenden Objekt-Marker ein oder pflegen Sie ihn in einem eigenen Feld.

06

Frontend prüfen

Prüfen Sie die Darstellung auf der öffentlichen Seite.

07

Zuordnung testen

Testen Sie eine Exposé-Anforderung und prüfen Sie die Zuordnung 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 · Drupal

Administrator-Anleitung: Widget in Drupal 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

Struktur und Inhaltstyp prüfen

Öffnen Sie in Drupal den Bereich Struktur. Prüfen Sie, ob Immobilien als eigener Inhaltstyp, als Block oder über ein View/Template ausgegeben werden.

02

Mastercode global ausgeben

Setzen Sie den Mastercode im Theme, in einem globalen Block oder in der Twig-Ausgabe des Layouts.

03

Textformat freigeben

Prüfen Sie die Textformate. Für freie Codeausgabe muss das richtige Format verwendet oder die Ausgabe im Template erfolgen.

04

Feld für Widget-Schlüssel anlegen

Legen Sie am Immobilien-Inhaltstyp ein Feld für den immoSoR-Widget-Schlüssel oder den Marker an.

05

Twig-Ausgabe setzen

Geben Sie den Marker im Twig-Template oder in einem Block mit Seitensichtbarkeit aus.

06

Cache-Tags leeren

Leeren Sie Drupal-Cache, Render-Cache und die Cache-Tags des geänderten Objekts.

07

Frontend und Zuordnung prüfen

Öffnen Sie die Objektseite und testen Sie die Anfrage gegen die immoSoR-Objektakte.

Modulcode · Drupal

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.

Drupal: Library für Mastercode

In einer Theme-Library führen und im Objekt-Template anhängen.

Drupal: Twig-Ausgabe am Immobilienknoten

Im Node-Template oder Feldtemplate objektbezogen ausgeben.

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 · Drupal

Objekt-ID eintragen. Code kopieren. Einfügen. Fertig.

Der Assistent erzeugt Muster-Code für Drupal. 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
Beispielseite öffnen Muster öffnen

Schnellkopie · Drupal

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 vorbereiten

immoSoR-Widget für Drupal

Werte aus der Objekt-Akte einsetzen. Code erstellen. Passenden Block kopieren.

Ihre Werte

Nutzen Sie für einen echten Einbau die Werte aus Ihrer immoSoR-Objektakte. Die Beispielwerte zeigen nur den Aufbau.

Für Drupal

Mastercode: über das Theme, einen globalen Block oder eine zentrale Twig-Ausgabe. Objekt-Marker: als Feld am Immobilien-Inhaltstyp, in einem Block mit Seitensichtbarkeit oder im Twig-Template der Objektseite. Fallback: iframe-Fallback in einem erlaubten Textformat oder in einem Block.

1. Mastercode einmalig global einfügen
2. Objekt-Marker auf die konkrete Objektseite setzen
3. Komplettcode für einfache HTML-/Codefelder
4. iframe-Fallback wenn Script nicht zugelassen wird

Nach dem Einfügen speichern Sie die CMS-Seite, leeren gegebenenfalls den Cache und lösen eine Test-Anfrage aus. In immoSoR muss die Anfrage in der richtigen Objekt-Akte erscheinen.

Werte in der App prüfen

Einbindung-FAQ

Häufige Fragen zur Widget-Einbindung in Drupal.

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.