Module zum Einbetten für Ihre Website

Um eine unkomplizierte Implementierung und Einbindung von Funktionalitäten in Ihre Website zu ermöglichen, bieten wir folgende einbettbare Module an:

Geplante Sprechzeiten und Online-Status von Ärzten
https://arzt-direkt.com/static/timetable/?instance={INSTANZ_KENNUNG}

Auf dieser Seite:

Parameter

Für die Nutzung sind von Ihnen folgende Parameter in den Zugriffs-URLs zu ersetzen:

{INSTANZ_KENNUNG} – Der Identifier Ihrer Praxis (Instanz), dies ist der zweite Teil der URL Ihrer arzt-direkt-Website (https://arzt-direkt.com/).

Beispiel: Die URL Ihrer arzt-direkt-Seite ist https://arzt-direkt.com/bsp-praxis, dann ist ihre{INSTANZ_KENNUNG} = bsp-praxis. Sie finden die statische Seite mit Ihren geplanten Sprechzeiten dann unter https://arzt-direkt.com/static/timetable/?instance=bsp-praxis.

Einbindung via JavaScript

Für ein optimales (responsive) Layout empfehlen wir die Einbindung mittels Javascript. Dafür finden Sie in den folgenden Abschnitten HTML-Code, den Sie in Ihre Seite integrieren können.

Hierbei wird jeweils ein Wrapper-HTML-Element, meist ein <div>, und ein JavaScript-File mit <script> eingebunden. Das Script befüllt dieses Wrapper-Element mit Content. Wir empfehlen, den <script> Tag direkt hinter das <div> zu stellen.

Das <script> sollte immer per URL eingebunden werden (wie im Bsp.). Einen Download und Selfhost dieses Scripts empfehlen wir ausdrücklich nicht, um mögliche Kompatibilität zwischen arzt-direkt und diesen Komponenten auch bei zukünftigen Updates gewährleisten zu können.

Es folgen Code-Beispiele für die Einbindung via JS. Die angegeben Parameter sind von Ihnen zu ersetzen, siehe dazu den obigen Abschnitt zu Parametern.

1. Geplante Sprechzeiten und Online-Status von Ärzten

Dieses Modul zeigt – analog zu Ihrer Instanz-Startseite – die geplanten Online-Sprechzeiten (siehe Geplante Verfügbarkeit definieren) und die Online-Verfügbarkeit der Ärzte an (siehe Online-Status ändern). Um dieses Modul auf Ihrer Seite einzubinden, haben Sie mehrere Möglichkeiten, die in den Abschnitten unten beschrieben werden.

Beispiel-Ansichten:

Parameter:

{INSTANZ_KENNUNG}

Statische Seite:

https://arzt-direkt.com/static/timetable/?instance={INSTANZ_KENNUNG}

Beispiel-Code:

<html>
  ...
  <body>
    ...
    <div id="zs-arzt-direkt-timetable" data-instance="{INSTANZ_KENNUNG}"></div>
    <script src="https://arzt-direkt.com/static/timetable/index.js"></script>
    ...
  </body>
</html>

Einbindung via iFrame

Wir empfehlen die Einbindung via <iframe> zu vermeiden, um mögliche Probleme mit dem vorhandenen Design Ihrer Website zu vermeiden. Außerdem könnten hier (visuelle) Probleme bei zukünftigen Updates auftauchen.

Alternativ, lassen sich oben genannte Seiten auch per <iframe>-Tags in HTML einbinden. Dies funktioniert am besten mit festgelegter Breite und Höhe. Auf diese Weise lässt sich ein <iframe> jedoch sehr schlecht in eine moderne (responsive) Website einbetten, ohne Probleme für das Design Ihrer Website zu bereiten. Außerdem könnten hierbei (visuell unansprechende) Scroll-Bars erscheinen, um den gesamten Inhalt zugänglich zu machen.
Beispiel:

<html>
  ...
  <body>
    ...
    <iframe width="800" height="130" 
      src="https://arzt-direkt.com/static/timetable/?instance={INSTANZ_KENNUNG}" 
      frameborder="0"></iframe>
    ...
  </body>
</html>