Zum Hauptinhalt gehen

PSS/OT: Termin-Teaser

  • Aktualisiert

Mit der Teaser Funktion ist es möglich, frühestmögliche Termine für freigegebene Leistungsketten anzuzeigen, sowohl im online Kalender als auch auf deiner Homepage. Auf der Homepage wird das über eine Programmierschnittstelle gelöst. Der nächste freie Termin für Leistungsketten, die für die Teaserfunktion freigegeben werden, wird also angezeigt, bevor Patienty die Suche nach Terminen überhaupt startet.

  • Diese Funktion kann nur für Leistungsketten eingesetzt werden, die für die online Terminbuchung freigegeben wurden.
  • Die Termine werden innerhalb der PSS/OT (lemniscus online Terminbuchung) angezeigt.
  • Um Termine auf der eigenen Homepage "anzuteasern", sind Programmierkenntnisse in JavaScript notwendig.

 

Wie stelle ich ein, dass eine Leistungskette "angeteasert" wird?

In den Einstellungen der Leistungskette (Leistungskette bearbeiten) unter "Onlinebuchung" kann  das entsprechende Häkchen gesetzt werden:

 

mceclip0.png

 

Teaser-Funktion auf der eigenen Homepage einbinden

Hier ein Beispiel, wie so etwas auf der eigenen Homepage aussehen könnte. Da es sich bei der Teaser-Funktion um eine Programmierschnittstelle handelt, ist so ziemlich alles an der Anzeige anpassbar.

Achtung: hierfür sind Programmierkenntnisse in JavaScript notwendig

 

mceclip0.png

 

 

 

Was liefert die Teaser-API für Daten?

Die Teaser-API liefert über einen Web-Aufruf reine Datenschnipsel, die dann von der Webseite verarbeitet werden müssen.

Der Programmiercode auf deiner Seite ist dafür zuständig, die Daten abzuholen und in etwas Lesbares umzuwandeln.

Um die Daten abzuholen, muss der Code auf deiner Seite den folgenden Aufruf tätigen:

https://my.lemniscus.de/mvc/pss/teaser?token=DEIN_PSS_TOKEN

Die Daten sehen dann in etwa so aus:

{
  "errorMessage" : "",
  "timeStamp" : "2022-06-29T19:37:23",
  "teasers" : [ 
    {
      "sortKey" : "AAA",
      "title" : "Ersttermin",
      "description" : "Hinterlegte Beschreibung eines Ersttermins",
      "date" : "2022-07-06T09:00:00",
      "formattedDate" : "Mittwoch, 6. Juli 2022",
      "formattedTime" : "9:00"
     } 
  ]
}

Für jede Leistungskette, die als Teaser freigegeben wurde, wird lemniscus versuchen einen Terminvorschlag zu liefern.

Es ist also möglich, mehrere Leistungsketten als Teaser freizuschalten.

 

Beispielcode

Dieses Helpdesk-Dokument wird keine Einführung in die Programmierung ersetzen. Wir können aber einen Beispiel-Code anbieten, so kann man einen Blick in den Maschinenraum wagen...

Es gibt unglaublich viele Wege Dinge in JavaScript umzusetzen. Für unser Beispiel hier haben wir die JavaScript Bibliotheken jQuery und Bootstrap eingesetzt. 

 

HTML Code

An dem HTML Code erkennt man (vielleicht), dass die oben angezeigten Texte aus dem Code entstammen und dadurch komplett anpassbar sind.

<div class="container" style="margin:50px;">
 <div class="card">
  <div class="card-body">
   <p class='lead mt-2'>Wann ist der nächste Termin bei mir frei?</p>
   <ul id='termine' class="list-group ">
    <!-- Termine werden hier automatisch eingefügt -->
   </ul>
   <p class='lead mt-5'>Direkt online einen Termin buchen?</p>
   <p>
    Ja, Du kannst bei mir Termine direkt online buchen!
    Damit ich mehr Zeit für Dich habe, erfasse ich über die online  
    Terminbuchung deine Kontaktdaten und deine Anschrift.
    Oder du rufst einfach an und sprichst mir auf Band,
    ich melde mich dann bei dir!
   </p>
  </div>
  <div class="card-body">
   <a id="pssLink" class="btn btn-primary">online Termin buchen</a>
  </div>
 </div>
</div>

 

JavaScript Code

In dem JavaScript code werden die Daten geladen und in das HTML Code eingewoben.

const token = 'DEIN_TOKEN_AUS_DEN_EINSTELLUNGEN_HIER_EINFÜGEN';

$('#pssLink').attr('href', 'https://my.lemniscus.de/pss.html?token=' + token);

$.getJSON('https://my.lemniscus.de/mvc/pss/teaser?token=' + token,
function(res) {
   if (res.errorMessage) {
      $('#termine').append('<p>Oh-oh: ' + res.errorMessage + '</p>');
   } else {
      res.teasers.forEach(function(t) {
        $('#termine').append(
          '<li class="list-group-item">' + t.title +
          ' am ' + t.formattedDate +
          ' um ' + t.formattedTime +
          ' Uhr</li>'
        );
      });
   }
})
.fail(
   function() {
       $('#termine').append('<p>Fehler beim Laden der Termine</p>');
   }
);

 

Du kannst dir den Code online & live unter der folgenden URL anschauen und ausprobieren:

https://jsfiddle.net/lemniscus/j9qgv06p/6/

Wichtig: im JavaScript Code musst du dein PSS-Token eintragen.

 

 

Im Forum gibt es eine Anleitung für wordpress, die unser Kunde Rupprecht dort netterweise für alle eingestellt hat. Dieses könnte vielleicht weiterhelfen:
https://heilpraktiker-foren.de/threads/teaser-erster-erfolgreicher-versuch-einbindung-in-eine-wordpress-homepage.28005/#post-389481 

Wir bitten um Verständnis, das wir keinen Support für die Bearbeitung von Homepages leisten können. 

 

Verwandte Beiträge