Hydrogen therapy studies widget — embed & share for free
The same evidence tool you see on the Studies page — as a free widget you can share anywhere: embedded on your website, as a link in your Telegram group, newsletter or forum. It always shows the current evidence, is zero-maintenance (new human studies appear automatically) and links back to H2Medicine if you want it to.
https://h2medicine.org/hydrogen-therapy-studies-widget/ All open source on GitHub: docs & embed code · live demo (the widget in action)
</> Embed the widget on your site Copy the code — free, updates itself
There are two easy ways to share this widget — just share the link or embed it into a page. Both are free; the data is fetched live from this site and updates automatically as new human studies are added — you never need to update anything.
Option 1: just share the link
The most convenient way: copy this link and post it wherever you like — on your website, in your Telegram group, in a newsletter, forum or via WhatsApp. Anyone who clicks it sees the full explorer.
https://h2medicine.org/hydrogen-therapy-studies-widget/Option 2: embed it (iframe)
Live demo — see how the widget looks embedded: aitomat.github.io/h2-evidence-explorer
Open source on GitHub (embed code, API docs, examples): github.com/Aitomat/h2-evidence-explorer
Paste this snippet into your HTML where you want the widget to appear. The credit line is included on purpose — please keep it.
<iframe src="https://h2medicine.org/widget/" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Data: <a href="https://h2medicine.org/">H2Medicine</a></p>Size is up to you: width is usually 100% (fits its container); height as a fixed pixel value (e.g. 1000px), 100% of its container — or auto-growing (see the variant below).
Optional: auto-height
By default the widget is 1000 px tall. For a height that adjusts itself to the content (no inner scrollbar), use this variant with a tiny script:
<iframe id="h2widget" src="https://h2medicine.org/widget/" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Data: <a href="https://h2medicine.org/">H2Medicine</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>Embed just one topic
Append parameters to the widget URL to pre-filter it to a topic — ideal for a niche blog. Examples:
Respiratory / COVID (human studies only)
<iframe src="https://h2medicine.org/widget/?indication=respiratory&human=1" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer — Respiratory" loading="lazy"></iframe>Cardiovascular
<iframe src="https://h2medicine.org/widget/?indication=cardiovascular" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer — Cardiovascular" loading="lazy"></iframe>Supported parameters (combinable): ?indication=, ?method=, ?ev= (1–4), ?human=1, ?q=, ?titlelink=off.
Control the title link (on/off)
By default, study titles link to the matching study page on H2Medicine (that gives your visitors context — and sends visits our way). Prefer that readers go straight to the original source instead of H2Medicine? Append ?titlelink=off to the URL: titles are then not linked, while the PubMed and DOI buttons on every card stay in place.
<iframe src="https://h2medicine.org/widget/?titlelink=off" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Data: <a href="https://h2medicine.org/">H2Medicine</a></p>This is how the widget appears on your website:
Like it? Embed it on your own page, a portal or blog — here is how:
</> Embed the widget on your site Copy the code — free, updates itself
There are two easy ways to share this widget — just share the link or embed it into a page. Both are free; the data is fetched live from this site and updates automatically as new human studies are added — you never need to update anything.
Option 1: just share the link
The most convenient way: copy this link and post it wherever you like — on your website, in your Telegram group, in a newsletter, forum or via WhatsApp. Anyone who clicks it sees the full explorer.
https://h2medicine.org/hydrogen-therapy-studies-widget/Option 2: embed it (iframe)
Live demo — see how the widget looks embedded: aitomat.github.io/h2-evidence-explorer
Open source on GitHub (embed code, API docs, examples): github.com/Aitomat/h2-evidence-explorer
Paste this snippet into your HTML where you want the widget to appear. The credit line is included on purpose — please keep it.
<iframe src="https://h2medicine.org/widget/" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Data: <a href="https://h2medicine.org/">H2Medicine</a></p>Size is up to you: width is usually 100% (fits its container); height as a fixed pixel value (e.g. 1000px), 100% of its container — or auto-growing (see the variant below).
Optional: auto-height
By default the widget is 1000 px tall. For a height that adjusts itself to the content (no inner scrollbar), use this variant with a tiny script:
<iframe id="h2widget" src="https://h2medicine.org/widget/" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Data: <a href="https://h2medicine.org/">H2Medicine</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>Embed just one topic
Append parameters to the widget URL to pre-filter it to a topic — ideal for a niche blog. Examples:
Respiratory / COVID (human studies only)
<iframe src="https://h2medicine.org/widget/?indication=respiratory&human=1" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer — Respiratory" loading="lazy"></iframe>Cardiovascular
<iframe src="https://h2medicine.org/widget/?indication=cardiovascular" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer — Cardiovascular" loading="lazy"></iframe>Supported parameters (combinable): ?indication=, ?method=, ?ev= (1–4), ?human=1, ?q=, ?titlelink=off.
Control the title link (on/off)
By default, study titles link to the matching study page on H2Medicine (that gives your visitors context — and sends visits our way). Prefer that readers go straight to the original source instead of H2Medicine? Append ?titlelink=off to the URL: titles are then not linked, while the PubMed and DOI buttons on every card stay in place.
<iframe src="https://h2medicine.org/widget/?titlelink=off" style="width:100%;border:0;height:1000px" title="H2 Evidence Explorer" loading="lazy"></iframe>
<p style="font-size:13px">Data: <a href="https://h2medicine.org/">H2Medicine</a></p>For information only — not medical advice. Always consult a qualified physician.