Embed Reference

Liveblog — Script

Permanent Timepath integration fixture for compatibility testing.

Production supportedThe Timepath renderer mounts the experience into your own DOM.

iFrameScript

Live example

Loading https://liveblog-script.timepath.co/timepath-liveblog.umd.js…

Embed code

This is the code behind the example above, with this fixture's ID already in it.

Container and loader

<div
  class="tp-liveblog"
  data-timepath-liveblog-id="vkTHn4FSfNbB3fxYh3qJ"
></div>

<script>
(function () {
  var SRC = "https://liveblog-script.timepath.co/timepath-liveblog.umd.js";

  function mount() {
    if (window.TimepathLiveblog && typeof window.TimepathLiveblog.mountAll === "function") {
      window.TimepathLiveblog.mountAll({
        apiBase: "https://embed.timepath.co",
      });
    }
  }

  if (window.TimepathLiveblog) {
    mount();
    return;
  }

  if (document.querySelector('script[src="' + SRC + '"]')) {
    var tries = 0;
    var t = setInterval(function () {
      tries++;
      if (window.TimepathLiveblog) {
        clearInterval(t);
        mount();
      }
      if (tries > 50) clearInterval(t);
    }, 50);
    return;
  }

  var s = document.createElement("script");
  s.src = SRC;
  s.onload = mount;
  document.head.appendChild(s);
})();
</script>

The bundle appends its own stylesheet, derived from the script URL — do not add a <link> tag for it.

Optional attributes on the container: data-timepath-events-to-show, data-timepath-polling-ms, data-timepath-darkmode, data-timepath-search. The bundle installs window.TimepathLiveblog with mount, unmount, update and mountAll, so a single-page application can tear an embed down again.

Fixture

Fixture: Integration Fixture — Liveblog
Workspace: Timepath Integration Fixtures
Purpose: Compatibility and CMS integration testing
Stability: Permanent reference fixture
Timepath content ID: vkTHn4FSfNbB3fxYh3qJ
Bundle: https://liveblog-script.timepath.co/timepath-liveblog.umd.js

This is a permanent Timepath integration fixture maintained for compatibility testing. The page URL and the Timepath fixture ID are intended to remain stable.

Expected behaviour

The experience renders without a login — these pages are public and anonymous.
Width fills the container. The layout is fluid; set the width on your own wrapper.
Media and images load from Timepath's CDN, including on a phone viewport.
Height is whatever the content needs — the renderer is in your DOM, so there is no frame to resize and no height to guess.
New posts arrive without a page reload; the embed polls for updates.
Loading more updates extends the list in place.

Liveblog — Script

Live example

Embed code

Fixture

Expected behaviour

Subscribe for updates