live movement
für deine website.

Einbauen per iFrame

Empfohlen für WordPress, TYPO3, Baukastensysteme und klassische Websites. Einfach den Code kopieren und an der gewünschten Stelle einfügen.

<div style="width:100%;max-width:460px;height:260px;margin:0 auto;overflow:hidden;line-height:0;">
  <iframe
    src="https://runcity-hannover.de/embed/pulse.php"
    title="RUN CITY PULSE. live movement"
    width="460"
    height="260"
    loading="lazy"
    scrolling="no"
    style="display:block;margin:0 auto;width:100%;max-width:460px;height:260px;border:0;border-radius:30px;overflow:hidden;background:transparent;"
  ></iframe>
</div>

<div style="width:100%;max-width:460px;height:260px;margin:0 auto;overflow:hidden;line-height:0;">
  <iframe
    src="https://runcity-hannover.de/embed/pulse.php?lang=en"
    title="RUN CITY PULSE. live movement"
    width="460"
    height="260"
    loading="lazy"
    scrolling="no"
    style="display:block;margin:0 auto;width:100%;max-width:460px;height:260px;border:0;border-radius:30px;overflow:hidden;background:transparent;"
  ></iframe>
</div>

<iframe
  src="https://runcity-hannover.de/embed/pulse-mini.php"
  title="RUN CITY PULSE. mini"
  width="520"
  height="96"
  loading="lazy"
  scrolling="no"
  style="display:block;margin:0 auto;width:100%;max-width:520px;height:96px;border:0;border-radius:24px;overflow:hidden;background:transparent;"
></iframe>

Alternative: Script-Embed

Praktisch, wenn die Website Script-Tags erlaubt. Das Script erzeugt automatisch den passenden iFrame.

<script
  async
  src="https://runcity-hannover.de/embed/pulse.js"
  data-lang="de"
  data-align="center"
  data-height="260">
</script>

<script
  async
  src="https://runcity-hannover.de/embed/pulse.js"
  data-lang="de"
  data-variant="mini"
  data-align="center">
</script>

Tipp: Das Widget ist responsiv. Das iFrame ist im Code bereits zentriert; die feste Höhe verhindert Layout-Sprünge beim Laden.