Einführung
Der Guestline Direktbuchungsmaschine (DBM) wurde so konzipiert, dass sie über einen einzigen JavaScript-Tag problemlos in jede Website integriert werden kann.
Während der Einrichtung Ihrer DBM hat unser IBE-Spezialistenteam (Internet Booking Engine) alle erforderlichen Einstellungen konfiguriert, damit Sie und Ihre Webentwickler so schnell und einfach wie möglich mit unserer DBM arbeiten und direkte Buchungen über Ihre Website generieren können.
Wenn Sie ein Upgrade von einer vorhandenen Internet Booking Engine durchführen, lesen Sie bitte auch den zusätzlichen Abschnitt "Upgrade von Ihrer vorhandenen Plattform auf DBM".
Tag vs. manuelle Installation
Der JavaScript-Tag ist die bevorzugte Methode zum Installieren von der DBM auf eine vorhandenen Website. Mit Nuzung dieses Tags:
- Jedes Standard-HTML-Element kann zu einer Schaltfläche "Jetzt buchen" werden, um einen Benutzer direkt zur DBM zu senden.
- An die Schaltfläche können zusätzliche Parameter wie Zimmertyp, Tarifart, Ankunftsdatum und Angebotscode angehängt werden. Dies ermöglicht es der Schaltfläche, eine kontextabhängige Phase im Buchungsprozess zu senden, z. B. Sonderangebote.
- Mit dem Tag können HTML-Formulardaten verarbeitet und ein Buchungssuchfeld erstellt werden.
- Das domänenübergreifende Google Analytics-Tracking wird von dem Tag unterstützt.
Notiz: Die DBM sollte nicht mit einem Iframe implementiert werden.
Installation - Basic
Installieren Sie den JavaScript-DBM-Tag (auch bekannt als JS-Tag)
Der DBM-Tag ist ein einzelner JavaScript-Tag (Codezeile), das auf allen Seiten zu Ihrem Website-Code hinzugefügt werden sollte.
Die meisten CMS-Systeme ermöglichen das Ändern eines Fußzeilenelements oder das Hinzufügen von Skripten für alle Vorlagen.
Der Skript-Tag sollte am Ende des Abschnitts <body> Ihrer Website hinzugefügt werden, kurz bevor </ body> ist ideal.
(Beispiel Code) Bitte distribution@guestline.com kontaktieren für Ihren spezifischen Code:
<script type="text/javascript" id="guestline-tag" data-group-id="ROOMLYNX" async src="https://gxptag.guestline.net/static/js/tag.js"></script>
Verwenden des DBM-Panels
Das einmal aktivierte DBM-Panel wird automatisch auf allen Webseiten angezeigt, die unserem IBE-Spezialistenteam zur Verfügung gestellt wurden und den DBM-JavasSript-Tag enthalten.
Das DBM-Panel befindet sich auf der rechten Seite der Webseite.
Das DBM-Panel passt sich automatisch den den DBM zugewiesenen Parametern an, sodass keine manuelle Konfiguration erforderlich ist.
Für weitere Details klicken Sie hier.
Hinzufügen von DBM-Interaktivität zu Webseitenelementen
Fast jedes HTML-Element kann so geändert werden, dass es als Starter zum Öffnen und Initiieren einer Buchung über das DBM-System selbst fungiert. Außerdem können Parameter wie Ankunftsdatum, Gäste usw. gesendet werden. Die einfachste Form der Integration besteht darin, ein „ Jetzt buchen “, mit der die DBM in einer einfachen Ansicht gestartet wird, in der die Kriterienauswahlleiste angezeigt wird, mit der der Verfügbarkeitssuchvorgang gestartet werden kann.
Der Tag "Jetzt buchen" kann jedem DBM-Element auf Blockebene hinzugefügt werden, z. B. einer Schaltfläche, einem Link, einem Container (z. B. <div> <span>) oder sogar einem Bild.
Codebeispiel: Hinzufügen des Tags zu einer Schaltfläche:
<button data-guestline-redirect="true">Book Now</button>
Wenn die Installation die Gruppenfunktionalität abdecken soll, kann der Code geändert werden, um mit dem Klicken auf die Schaltfläche ein bestimmtes Hotels innerhalb der Gruppe auszuwählen.
Für ein Codebeispiel, das ein bestimmtes Hotel in einer Gruppe angibt, wenden Sie sich bitte an distribution@guestline.com, um Ihren spezifischen Code zu erhalten:
<button data-guestline-redirect="true" data-hotel-id="ROOMLYNX">Book Now</button>
Andere Parameter können von dieser Methode an die DBM übergeben werden:
- Anreise: element.getAttribute('data-arrival')
- Abrese: element.getAttribute('data-departure')
- Nächte: element.getAttribute('data-nights')
- Erwachsene: element.getAttribute('data-adults')
- Kinder: element.getAttribute('data-children')
- promoCode: element.getAttribute('data-promo-code')
- Raten: element.getAttribute('data-rates')
- Zimmer: element.getAttribute('data-rooms')
(Beispiel Code) Bitte distribution@guestline.com kontaktieren für Ihren spezifischen Code:
<button data-guestline-redirect="true" data-hotel-id="ROOMLYNX" data-arrival=”2018-10-10” data-nights=”2” data-adults=”2” data-children=”2”>Book Now</button>
Hinweis: Die Parameter erfordern eine minimale Einstellfunktion. Auch wenn Ihre Hotels keine untergeordneten Elemente unterstützt, sollten Sie den Parameter (als 0) senden. Das Minimum wäre: Ankunft, Nächte, Erwachsene, Kinder.