Wasserstoff-Therapie-Studien-Widget — kostenlos einbinden & teilen
Dasselbe Evidenz-Werkzeug wie auf der Studienseite — als kostenloses Widget, das Sie überall weitergeben können: eingebettet auf Ihrer Webseite, als Link in Ihrer Telegram-Gruppe, im Newsletter oder Forum. Es zeigt immer die aktuelle Studienlage, ist wartungsfrei (neue Humanstudien erscheinen automatisch) und verlinkt — wenn Sie möchten — zurück auf H2Medizin.
https://h2medizin.org/wasserstoff-therapie-studien-widget/ Alles Open Source auf GitHub: Anleitung & Einbett-Code · Live-Demo (Widget in Aktion)
</> Widget auf deiner Seite einbetten Code kopieren — kostenlos, aktualisiert sich von selbst
Es gibt zwei einfache Wege, dieses Widget weiterzugeben — nur den Link teilen oder es fest in eine Seite einbetten. Beides ist kostenlos, die Daten kommen live von dieser Seite und aktualisieren sich automatisch, sobald neue Humanstudien hinzukommen — Sie müssen nie etwas nachpflegen.
Variante 1: einfach den Link teilen
Der bequemste Weg: Kopieren Sie diesen Link und posten Sie ihn, wo Sie möchten — auf Ihrer Webseite, in Ihrer Telegram-Gruppe, im Newsletter, Forum oder per WhatsApp. Wer ihn anklickt, sieht den vollständigen Explorer.
https://h2medizin.org/wasserstoff-therapie-studien-widget/Variante 2: fest einbetten (iframe)
Live-Demo — so sieht das Widget eingebettet aus: aitomat.github.io/h2-evidence-explorer
Open Source auf GitHub (Einbett-Code, API-Doku, Beispiele): github.com/Aitomat/h2-evidence-explorer
Fügen Sie diesen Schnipsel dort in Ihren HTML-Code ein, wo das Widget erscheinen soll. Der Quellenhinweis ist absichtlich enthalten — bitte lassen Sie ihn stehen.
<iframe src="https://h2medizin.org/widget/" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Daten: <a href="https://h2medizin.org/">H2Medizin</a></p>Größe frei wählbar: Breite meist 100% (passt sich dem Container an), Höhe als feste Pixelzahl (z. B. 1000px), als 100% des Containers — oder automatisch mitwachsend (siehe Variante unten).
Optional: automatische Höhe
Standardmäßig ist das Widget 1000 px hoch. Für eine Höhe, die sich automatisch an den Inhalt anpasst (kein internes Scrollen), verwenden Sie diese Variante mit einem winzigen Skript:
<iframe id="h2widget" src="https://h2medizin.org/widget/" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Daten: <a href="https://h2medizin.org/">H2Medizin</a></p>
<script>
window.addEventListener('message', function (e) {
var f = document.getElementById('h2widget');
if (!f || e.source !== f.contentWindow) return; // only trust our iframe
if (e.data && e.data.type === 'h2widget:height') {
f.style.height = e.data.height + 'px'; // grow/shrink to content
}
});
</script>Nur ein Thema einbetten
Hängen Sie Parameter an die Widget-URL an, um es auf ein Thema vorzufiltern — ideal für einen themenspezifischen Blog. Beispiele:
Atemwege / COVID (nur Humanstudien)
<iframe src="https://h2medizin.org/widget/?indication=respiratory&human=1" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer — Atemwege" loading="lazy"></iframe>Herz-Kreislauf
<iframe src="https://h2medizin.org/widget/?indication=cardiovascular" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer — Herz-Kreislauf" loading="lazy"></iframe>Unterstützte Parameter (kombinierbar): ?indication=, ?method=, ?ev= (1–4), ?human=1, ?q=, ?titlelink=off.
Titel-Verlinkung steuern (an/aus)
Standardmäßig verlinken die Studientitel auf die jeweilige Studienseite von H2Medizin (das bringt Ihren Besuchern Kontext — und uns Besuche). Möchten Sie lieber, dass Leser direkt zur Originalquelle gehen statt zu H2Medizin? Dann hängen Sie ?titlelink=off an die URL: die Titel sind dann nicht verlinkt, die PubMed- und DOI-Schaltflächen in jeder Karte bleiben aber erhalten.
<iframe src="https://h2medizin.org/widget/?titlelink=off" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Daten: <a href="https://h2medizin.org/">H2Medizin</a></p>So erscheint das Widget auf Ihrer Website:
Gefällt es Ihnen? Binden Sie es auf Ihrer eigenen Seite, in einem Portal oder Blog ein — so geht es:
</> Widget auf deiner Seite einbetten Code kopieren — kostenlos, aktualisiert sich von selbst
Es gibt zwei einfache Wege, dieses Widget weiterzugeben — nur den Link teilen oder es fest in eine Seite einbetten. Beides ist kostenlos, die Daten kommen live von dieser Seite und aktualisieren sich automatisch, sobald neue Humanstudien hinzukommen — Sie müssen nie etwas nachpflegen.
Variante 1: einfach den Link teilen
Der bequemste Weg: Kopieren Sie diesen Link und posten Sie ihn, wo Sie möchten — auf Ihrer Webseite, in Ihrer Telegram-Gruppe, im Newsletter, Forum oder per WhatsApp. Wer ihn anklickt, sieht den vollständigen Explorer.
https://h2medizin.org/wasserstoff-therapie-studien-widget/Variante 2: fest einbetten (iframe)
Live-Demo — so sieht das Widget eingebettet aus: aitomat.github.io/h2-evidence-explorer
Open Source auf GitHub (Einbett-Code, API-Doku, Beispiele): github.com/Aitomat/h2-evidence-explorer
Fügen Sie diesen Schnipsel dort in Ihren HTML-Code ein, wo das Widget erscheinen soll. Der Quellenhinweis ist absichtlich enthalten — bitte lassen Sie ihn stehen.
<iframe src="https://h2medizin.org/widget/" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Daten: <a href="https://h2medizin.org/">H2Medizin</a></p>Größe frei wählbar: Breite meist 100% (passt sich dem Container an), Höhe als feste Pixelzahl (z. B. 1000px), als 100% des Containers — oder automatisch mitwachsend (siehe Variante unten).
Optional: automatische Höhe
Standardmäßig ist das Widget 1000 px hoch. Für eine Höhe, die sich automatisch an den Inhalt anpasst (kein internes Scrollen), verwenden Sie diese Variante mit einem winzigen Skript:
<iframe id="h2widget" src="https://h2medizin.org/widget/" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Daten: <a href="https://h2medizin.org/">H2Medizin</a></p>
<script>
window.addEventListener('message', function (e) {
var f = document.getElementById('h2widget');
if (!f || e.source !== f.contentWindow) return; // only trust our iframe
if (e.data && e.data.type === 'h2widget:height') {
f.style.height = e.data.height + 'px'; // grow/shrink to content
}
});
</script>Nur ein Thema einbetten
Hängen Sie Parameter an die Widget-URL an, um es auf ein Thema vorzufiltern — ideal für einen themenspezifischen Blog. Beispiele:
Atemwege / COVID (nur Humanstudien)
<iframe src="https://h2medizin.org/widget/?indication=respiratory&human=1" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer — Atemwege" loading="lazy"></iframe>Herz-Kreislauf
<iframe src="https://h2medizin.org/widget/?indication=cardiovascular" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer — Herz-Kreislauf" loading="lazy"></iframe>Unterstützte Parameter (kombinierbar): ?indication=, ?method=, ?ev= (1–4), ?human=1, ?q=, ?titlelink=off.
Titel-Verlinkung steuern (an/aus)
Standardmäßig verlinken die Studientitel auf die jeweilige Studienseite von H2Medizin (das bringt Ihren Besuchern Kontext — und uns Besuche). Möchten Sie lieber, dass Leser direkt zur Originalquelle gehen statt zu H2Medizin? Dann hängen Sie ?titlelink=off an die URL: die Titel sind dann nicht verlinkt, die PubMed- und DOI-Schaltflächen in jeder Karte bleiben aber erhalten.
<iframe src="https://h2medizin.org/widget/?titlelink=off" style="width:100%;border:0;height:1000px" title="H2 Evidenz-Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Daten: <a href="https://h2medizin.org/">H2Medizin</a></p>Nur zur Information — keine medizinische Beratung. Bitte konsultieren Sie eine Ärztin oder einen Arzt.