Wichtig: dieser Code muss nur einmal pro Seite oberhalb des ersten Widgets eingefügt werden. Auch wenn mehrere verschiedene Widgets auf einer Seite verwendet werden, wird dieser Code nur einmal benötigt.
Tags ein.
<script type="text/javascript">
(function(w,d,o,f,js,fjs){w["conWidgets"]=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
js=d.createElement("script"),fjs=d.getElementsByTagName("script")[0];js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs)
})(window,document,"_conWidgets","https://widgets.secure.consisto.net/js/modules/widget.min.js");
</script>
<con-pricecalendar id="pricecalendar"></con-pricecalendar>
<script type="text/javascript">
_conWidgets('init', document.querySelector("#pricecalendar"), {
'lang': 'de',
'widgetId': "[Domain]",
'bookingUrl': "BookingURL",
'requestUrl': "RequestURL"
});
</script>
Argument | Typ | Standartwert | Beschreibung |
lang | string | / | Sprache vom Widget |
widgetId | string | / | Domain des Projektes |
bookingUrl | string | / | URL zur Buchungsseite |
requestUrl | string | / | URL zur Anfrageseite |
room | string | / | wenn leer: alle Zimmer werden angezeigt wenn befüllt: Codex des Zimmers das im Dropdown vorausgwählt ist |
hideRoomDropDown | bool | false | Blendet die Zimmerauswahl im Widget aus. Funktioniert nur wenn über 'room' ein Zimmer gesetzt wurde. |
arrival | string | / | Die Anreise im Format yyyy-MM-dd (z.b. 2021-05-10) |
departure | string | / | Die Abreise im Format yyyy-MM-dd (z.b. 2021-05-16) |
promotion | string[] | [null, null, null] | UTM-Parameter für Buchungs- und Anfragelink. Beispiel: ['medium', 'source', 'campaign'] |
layoutBreakpoints | int[] | [1200, 1024, 768, 414] | Breiten in px, an denen das Widget auf eine andere Ansicht umschaltet. Achtung, hierbei handelt es sich um Breiten des Containers, in dem das Widget integriert ist. (dreispaltig, zweispaltig, einspaltig, einspaltig kleiner) |
Argument | Typ | Standartwert | Beschreibung |
arrival | string | / | Die Anreise im Format yyyy-MM-dd (z.b. 2021-05-10) |
departure | string | / | Die Abreise im Format yyyy-MM-dd (z.b. 2021-05-16) |
document.querySelector("#pricecalendar").con_pricecalendar.getSelectedData();
Beim Wechseln des Zimmers im Dropdown wird folgendes aufgezeichnet:
Bei Auswahl eines Zeitraumes (Anreise + Abreise) oder wechsel der Abreise wird der Zeitraum aufgezeichnet:
Zusätzlich wird beim Klick auf Anfragen oder Buchen in der Ziel-URL der URL Parameter "ref=ratechecker" mitgeschickt, mit dem im eigenen Coding das eigene Tracking entsprechend angepasst werden kann.