wegfinder Button

Letzte Änderung: 10.05.2019

Einleitung

Wie wohin? - Zeige den Besuchern deiner Website wie sie am einfachsten zum gewünschten Ort kommen. Ganz gleich ob mit den Öffis, dem Auto, dem Fahrrad, mit Car Sharing, oder einer anderen der zahlreichen in wegfinder verfügbaren Möglichkeiten. – wegfinder findet alle Wege in Österreich.

Du kannst Ziel und/oder Start, sowie optional auch eine Abfahrts- oder Ankunfszeit festlegen.

Klickt ein Besucher auf einen wegfinder Button werden alle Wege für die gewünschte Strecke angezeigt. Hat der Nutzer die wegfinder App installiert, werden die Ergebnisse direkt in der App angezeigt. Andernfalls stellen wir die gefunden Wege auf der responsive Website wegfinder.at dar.

Den Style der Buttons kannst du auf deine Website anpassen:

wegfinder     wegfinder     wegfinder

Integration

Hinweis: Wenn du deine Website mit Wordpress betreibst installiere einfach unser Wordpress Plugin.

Auf jeder Seite, auf der du einen oder mehr wegfinder Buttons einzeigen möchtest, bindest du das Script-Element einmal ein. Für jeden Button fügst du ein eigenes Link-Element an der Stelle, wo der Button angezeigt werden soll, in deiner Seite ein.

Um den Style der Buttons anzupassen und einen Zielort festzulegen ergänzt du im nächsten Schritt weitere Attribute. Attribute des Script-Elements sind für alle Buttons gültig, Attribute eines Link-Elements betreffen nur den jeweiligen Button.

Script

Das Script wird asynchron eingebunden und verzögert den Ladevorgang deiner Website nicht. Das Script-Element kannst du an einer beliebiger Stelle im Head oder Body deiner Seite einbinden.

<script src="https://wegfinder.at/plugins/button.min.js" async type="text/javascript"></script>

Ziel

Um einen Zielort festzulegen stehen dir folgende Möglichkeiten zur Verfügung:

Hinweis: Alle Parameter die den Zielort betreffen beginnen mit data-d.

Adresse

Um den Zielort mittels Addresse anzugeben verwende folge Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-dcity Stadt/Ort Wien
data-dzip Postleitzahl 1040
data-dstr Straße Weyringergasse
data-dhnr Hausnummer 5
Beispiel
wegfinder
<a class="wegfinder" data-dcity="Wien" data-dzip="1040" data-dstr="Weyringergasse" data-dhnr="5" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Koordinaten

Um den Zielort mittels Koordinaten anzugeben verwende folge Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-dlat Latitude 48.188739
data-dlng Longitude 16.3776643
Beispiel
wegfinder
<a class="wegfinder" data-dlat="48.188739" data-dlng="16.3776643" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

wegfinder Code

Für jede Adresse, Stadt, Station, Koordinate und jeden POI haben wir einen eigenen wegfinder Code generiert. Um den wegfinder Code für einen Ort zu erhalten führe eine Routenabfrage auf wegfinder.at aus. Die wegfinder Codes findest Du in der Suchergebnis-URL, jeweils nach "/from/" und "/to".

Verwendest Du wegfinder Codes, verkürzt dies die Abfragedauer wenn der Button geklickt wird.

Um den Zielort mittels wegfinder Code anzugeben verwende folgen Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-did wegfinder Code place:N4817959245
Beispiel
wegfinder
<a class="wegfinder" data-did="place:N4817959245" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

what3word Code

Um den Zielort mittels what3word Code anzugeben verwende folgen Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-dw3w what3word Code reiz.eroberte.dichterin
Beispiel
wegfinder
<a class="wegfinder" data-dw3w="reiz.eroberte.dichterin" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Plus Code

Um den Zielort mittels Plus Code anzugeben verwende folgen Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-dpc Plus Code 59QH+FW Wien
Beispiel
wegfinder
<a class="wegfinder" data-dpc="59QH+FW Wien" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Aktueller Standort

Gibst Du keinen Zielort an, wird am Smartphone automatisch die aktuelle Position als Zielort gewählt, am PC wird der Nutzer aufgefordert manuell eine Position einzugeben.

Wählst du diese Option, musst du einen Startpunkt festlegen.

Beispiel
wegfinder
<a class="wegfinder" data-oid="place:N4817959245" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Start

Wird kein Start angegeben, wird automatisch der aktuelle Standort gewählt. Um einen Startort festzulegen stehen dir folgende Möglichkeiten zur Verfügung:

Hinweis: Alle Parameter die den Routenstart betreffen beginnen mit data-o.

Adresse

Um den Startort mittels Addresse anzugeben verwende folge Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-ocity Stadt/Ort Wien
data-ozip Postleitzahl 1040
data-ostr Straße Weyringergasse
data-ohnr Hausnummer 5
Beispiel
wegfinder
<a class="wegfinder" data-ocity="Wien" data-ozip="1040" data-ostr="Weyringergasse" data-ohnr="5" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Koordinaten

Um den Startort mittels Koordinaten anzugeben verwende folge Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-olat Latitude 48.188739
data-olng Longitude 16.3776643
Beispiel
wegfinder
<a class="wegfinder" data-olat="48.188739" data-olng="16.3776643" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

wegfinder Code

Für jede Adresse, Stadt, Station, Koordinate und jeden POI haben wir einen eigenen wegfinder Code generiert. Um den wegfinder Code für einen Ort zu erhalten führe eine Routenabfrage auf wegfinder.at aus. Die wegfinder Codes findest Du in der Suchergebnis-URL, jeweils nach "/from/" und "/to".

Verwendest Du wegfinder Codes, verkürzt dies die Abfragedauer wenn der Button geklickt wird.

Um den Startort mittels wegfinder Code anzugeben verwende folgen Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-oid wegfinder Code place:N4817959245
Beispiel
wegfinder
<a class="wegfinder" data-oid="place:N4817959245" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

what3word Code

Um den Startort mittels what3word Code anzugeben verwende folgen Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-ow3w what3word Code reiz.eroberte.dichterin
Beispiel
wegfinder
<a class="wegfinder" data-ow3w="reiz.eroberte.dichterin" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Plus Code

Um den Startort mittels Plus Code anzugeben verwende folgen Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-opc Plus Code 59QH+FW Wien
Beispiel
wegfinder
<a class="wegfinder" data-opc="59QH+FW Wien" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Aktueller Standort

Gibst Du keinen Startort an, wird am Smartphone automatisch die aktuelle Position als Startort gewählt, am PC wird der Nutzer aufgefordert manuell eine Position einzugeben.

Wählst du diese Option, musst du einen Zielpunkt festlegen.

Beispiel
wegfinder
<a class="wegfinder" data-oid="place:N4817959245" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Zeitpunkt

Du kannst optional den Zeitpunkt für die Ankunft am Zielort oder die Abfahrt am Startort festzulegen.
Liegt der Zeitpunkt in der Verhangenheit wird er ignoriert.

Ankunft

Um den Zeitpunkt für die Ankunft am Zielort verwende folge Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-ddate Datum (TT.MM.JJJJ) 31.12.2019
data-dtime Zeit (HH:MM) 15:00
Beispiel
wegfinder
<a class="wegfinder" data-did="place:N4817959245" data-ddate="31.12.2019" data-dtime="15:00" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Abfahrt

Um den Zeitpunkt für die Abfahrt am Startort verwende folge Parameter im Link-Element deines Buttons:

Parameter Name Beschreibung Beispiel
data-odate Datum (TT.MM.JJJJ) 31.12.2019
data-otime Zeit (HH:MM) 15:00
Beispiel
wegfinder
<a class="wegfinder" data-oid="place:N4817959245" data-odate="31.12.2019" data-otime="15:00" href="https://wegfinder.at" title="wegfinder - Finden Sie alle Wege ans Ziel.">wegfinder</a>

Style

Du kannst die Darstellung des wegfinder Buttons an deine Website anpassen. Dazu kannst du aus vordefinierten Farben wählen, oder eine individuelle Farbe wählen. Der Button kann in 7 verschiedenen Größen eingebunden werden.

Tipp: Füge die entsprechenden Parameter dem Script-Element hinzu, damit sie auf alle Buttons angewendet werden.

Farbe

Um die Farbe aller wegfinder Buttons zu ändern verwende folgen Parameter im Script-Element:

Parameter Name Beschreibung Beispiel
data-style Standardfarbe (pink, blue, red), individueller Farbcode (#000000 - #FFFFFF), oder Darstellung als Textlink (link) #58bbee
Beispiel
wegfinder
<script src="https://wegfinder.at/plugins/button.min.js" data-style="#58bbee" async type="text/javascript"></script>

Größe

Um die Größe aller wegfinder Buttons zu ändern verwende folgen Parameter im Script-Element:

Parameter Name Beschreibung Beispiel
data-size Größe: xxs, xs, x, m, l, xl, xxl xs
Beispiel
wegfinder
<script src="https://wegfinder.at/plugins/button.min.js" data-size="xs" async type="text/javascript"></script>