Aktuelle Corona Inzidenz automatisch auf der eigenen Homepage ausgeben
Webmaster können einige der auf corona-zahlen-heute.de bereitgestellten Zahlen, kostenlos und ohne großen Aufwand, als frei-gestaltbaren Fließtext, auf ihrer Homepage ausgeben. Einfach die JavaScript-Datei mittels folgendem HTML-Code (z. B. zwischen dem HEAD-Tag) einbinden:
<script async src="https://corona-zahlen-heute.de/webmaster/covid19data.js" crossorigin="anonymous"></script>Werte an beliebiger Stelle der Webseite ausgeben
Dieses Beispiel bezieht sich auf den Datensatz von Deutschland, mit der Location-ID: C1. Für andere Länder, wie auch Bundesländer und Landkreise ist diese einfach auszutauschen. Die Location-ID wird auf der jeweiligen Statistikseite der jeweiligen Region am Ende der Webseite (im Footer-Bereich) angezeigt. Hilfreich ist in dem Zusammenhang auch die Suchfunktion oder Übersichtsseite aller Orte.
7-Tage-Inzidenz
Die Ausgabe der 7-Tage-Inzidenz von Deutschland erfolgt an beliebiger Stelle der Webseite über folgenden HTML-Tag:
<span class="czhde" data-location="C1" data-value="incidence" data-round="false"></span>Hospitalisierungsrate
Für Deutschland sowie seinen 16 Bundesländern und einigen anderen Ländern (wird nicht in allen Ländern angegeben), kann außerdem über folgenden HTML-Tag auch die Hospitalisierungsrate ausgegeben werden:
<span class="czhde" data-location="C1" data-value="hospitalization" data-round="false"></span>Meldedatum
Zusätzlich lässt sich auch das Datum des Meldestandes ausgeben:
<span class="czhde" data-location="C1" data-value="incidence-date"></span>bzw.
<span class="czhde" data-location="C1" data-value="hospitalization-date"></span>Werte runden
Der Ausgabewert wird automatisch auf eine Nachkommastelle gerundet. Ist eine Ganzzahl erwünscht, so ist das Attribut data-round von false auf true zu setzen.
Formatierungen
Optische Formatierungen der Zahlen lassen sich eigenständig über die CSS-Klasse czhde vornehmen. Nachdem ein Wert geladen wurde, bekommt dieser zusätzlich die Klasse init zugewiesen.
Schnelle Ladezeit (auch bei mehreren Datenpunkten)
Es ist möglich, bis zu 50 Datenpunkte auf einer Seite auszugeben. Die Datei muss dafür nicht mehrfach geladen werden. Die Location-ID (im Beispielfall von Deutschland) ist in den jeweiligen HTML-Tags auszutauschen. Das Script lädt asynchron, also ohne den übrigen Seitenaufbau zu blockieren. Mit einer Dateigröße von unter 25 kb ist es außerdem sehr klein. Und dank moderner Brotli-Komprimierung werden tatsächlich sogar nur knapp 7 kb über das Internet übertragen.
Optional lässt sich die Ladezeit mittels folgender Anweisung (möglichst weit oben innerhalb des HEAD-Tags) oftmals noch weiter beschleunigen:
<link rel="preconnect" href="https://corona-zahlen-heute.de/webmaster/covid19data.js">
<link rel="preload" href="https://corona-zahlen-heute.de/webmaster/covid19data.js" as="script" crossorigin="anonymous">Einen Platzhalter während des Ladevorgangs anzeigen
Zwischen dem span-Tag kann ein Platzhaltertext oder sonstiges -element gesetzt werden. Dieser wird, nachdem der Ladevorgang abgeschlossen ist, durch den jeweiligen Inzidenzwert überschrieben. Besucher mit sehr langsamer Internetverbindung (z. B. bei schlechtem Mobilempfang) wissen so, dass der Wert noch geladen wird.
<span class="czhde" data-location="C1" data-value="incidence" data-round="false">(Wert lädt)</span>bzw.
<span class="czhde" data-location="C1" data-value="hospitalization" data-round="false">(Wert lädt)</span>Nutzungsbedingungen
Die Nutzung dieser Funktion erfolgt unentgeltlich und völlig ohne Backlinkzwang! Ein optionaler Link auf die jeweilige Corona-Statistik des Ortes (z. B. als Quellenangabe) zeigt dennoch Anerkennung und bietet zudem einen Mehrwert für den Besucher. Aber auch einige der großen Suchmaschinen honorieren die eigene Webseite durch Quellverweise mit einem gewissen Vertrauensbonus (E-A-T).
Alle verwendeten COVID-19 Rohdatensätze stammen vom RKI (Deutschland) oder Our World in Data (weltweit) und sind nach CC BY 4.0 frei verfügbar. Sie wurden von corona-zahlen-heute.de aufbereitet und werden im Rahmen dieses Skriptes unter gleicher Lizenz (für eine kommerzielle und nicht kommerzielle Nutzung) bereitgestellt.