Objekt

Die Objekteinbindung beinhaltet die vollständige Darstellung einer Unterkunft mit allen (vor-)konfigurierten Ausgabemöglichkeiten. Von hier ist es ebenfalls möglich direkt eine Buchung oder Anfrage zu starten. Die benötigten Module werden hierzu im Bedarfsfall automatisch nachgeladen und eingebunden.

Achtung: Sie müssen in der Route eine Objektnummer angeben, ansonsten wird kein Inhalt geladen!

Beispielansicht für den Anfang einer Objektseite

Elemente (Sub-Module)

Die Detailsseite eines Objekts besteht aus verschiedenen Elementen, die nachfolgend kurz benannt werden:

Einleitung

Hauptbild mit den wichtigsten Informationen und ein kurzer Einleitungstext

Buchungs-Widget

Zentrale Stelle zur Prüfung der Verfügbarkeit und Berechnung des Reisepreises (kann mehrfach innerhalb einer Objektseite vorkommen)

Bildergalerie

Anzeige der hinterlegten Bilder (inkl. 360°-Bilder - sofern vorhanden).

Ausstattung

Auflistung aller, zur Ausstattung gehörender, Merkmale.

Saisonpreise

Tabellarische Darstellung aller Saisonzeiten/-preise inkl. der wichtigsten Detailinformationen.

Belegungsplan

Kalendarische Jahresübersicht der freien und bereits gebuchten Tage.

Lage und Entfernungen

Übersicht der Lage des Objekts und der hinterlegten Entfernungen zu relevanten Orten.

Beschreibung

Beschreibungstext des Objekts

Kontakt

Kontaktmöglichkeiten zu diesem Objekt

(Dies ist eine Beispielliste von möglichen Elementen und muss nicht zwangsläufig die exakte Ausgabe jedes Objekts widerspiegeln!)

Einbindung

    <div id="op_content_box">
        <script type="text/javascript">

            // diese Werte können/müssen angepasst werden:
            var loadOptions = {
              module: 'op-frontend-object', // Name des zu ladenden Moduls
              content_id: 'op_content_box', // ID des HTML Elements, in das der Inhalt geladen wird
              options: {
                    //useCookies: true,
                    //hasOwnCookieInfo: false,
                    //languageSwitcherEnabled: true,
                    //scrollTopOffset: 10,
                    //scrollToTop: true,
                    //alwaysShowExtendedFilters: true,
                    //enableShare: false,
                    //limit: {
                        //ToNr: [123],
                        //GaGeNr: [123,456,789],
                        //ObjMetaNr: [123],
                        //OrtNr: [123],
                        //Groups: [123]
                    //}
              }
            };

            // diesen Code nicht mehr ändern!
            var secra_op_client;
            if(secra_op_client && secra_op_client.loadModule){
                secra_op_client.loadModule(
                    loadOptions['module'],
                    loadOptions['content_id'],
                    loadOptions['options']
                );
            } else {
                if(!secra_op_client) { secra_op_client = {}; }
                secra_op_client.loadQueue = [];
                secra_op_client.loadQueue.push({
                        module: loadOptions['module'],
                        embed_id: loadOptions['content_id'],
                        options: loadOptions['options']
                    }
                );
            }

        </script>
    </div>

Optionen

Dies sind die möglichen Optionen die bei der Einbindung angegeben werden können.

Routen

Die Objektseite unterstützt die Verwendung folgender Routen für den direkten Aufruf.

URL Parameter

https://www.musterhausen.de/object.php?#!m/object/202?arrival=2018-03-01&departure=2018-03-08&adults=2

Beispiel

<div id="op_content_box">
    <script type="text/javascript">

        // diese Werte können/müssen angepasst werden:
        var loadOptions = {
            module: 'op-frontend-object', // Name des zu ladenden Moduls
            content_id: 'op_content_box', // ID des HTML Elements, in das der Inhalt geladen wird
            options: {
                hasOwnCookieInfo: false,
                alwaysShowExtendedFilters: true,
                limit: {}
            }
        };

        // diesen Code nicht mehr ändern!
        var secra_op_client;
        if(secra_op_client && secra_op_client.loadModule){
            secra_op_client.loadModule(
                    loadOptions['module'],
                    loadOptions['content_id'],
                    loadOptions['options']
            );
        } else {
            if(!secra_op_client) { secra_op_client = {}; }
            secra_op_client.loadQueue = [];
            secra_op_client.loadQueue.push({
                        module: loadOptions['module'],
                        embed_id: loadOptions['content_id'],
                        options: loadOptions['options']
                    }
            );
        }

    </script>
</div>

Canonical Manager (BETA)

Aktuell werden in der Objektseite automatisch Title und Description für SEO gesetzt. Da es sich bei dem Frontend um eine Single Page Application handelt, muss dies zur Laufzeit dynamisch geschehen. Entsprechendes gilt auch für die canonical Angabe der Objektseite. Dies wird besonders wichtig, wenn die Seiten unter verschiedenen Domains liegen oder verschiedenen Seitenaliassen.

Durch Aktivierung des experimentellen Canonical Supports (siehe Abschnitt "Optionen"), wird beim Aufruf der Objektseite automatisch die aktuelle URL als canonical Angabe übernommen (was auch das Standardverhalten von Suchmaschinen ist). Dennoch kann dies Vorteile bieten, wenn die Suchmaschine die Bewertung nicht selbst eindeutig vornehmen kann.

Während es bisher schädlich war eine canonical Angabe in der Such- und Objektseite zu verwenden (da alle Unterseiten diese identisch übernommen hätten und die Automatik der Suchmaschinen hier sinnvoller war), ist es bei Aktivierung des Canonical Supports möglich eine Angabe in der Basisseite vorzunehmen. Diese wird erkannt und als "Stamm" für die vollständige Canonical Angabe übernommen, indem sie mit dem Hashtag Navigationsanteil der Objektseiten ergänzt wird.

Wichtig:

• Das bedeutet, die vorhandene canonical Angabe darf keinen eigenen Hash # Wert haben!
• Wenn diese Methode genutzt wird, ist es entscheidend nach der Aktivierung zu prüfen, ob die canonical Angaben der Such- und der Objektseite korrekt und wie erwartet erzeugt werden.
• Beachten Sie, dass dieses Feature experimentell ist und seine SEO Auswirkungen daher beobachtet werden sollten.

Beispiel

Aus <link rel="canonical" href="https://mysite.com/search"> wird <link rel="canonical" href="https://mysite.com/search#m/object/1234"> beim Besuch einer Objektseite. Wird zurück auf die Suche navigiert, wird die Änderung wieder rückgängig gemacht.