Keep your readers' screens awake

Try it

Both sizes below are the real widget, loaded by the same tag you paste.

Install: one line

Paste this where the button should appear — inside your recipe card, above the method, or in a sidebar:

<script async src="https://awaketab.com/embed.js" data-mode="cook" data-theme="auto" data-size="compact"></script>

The script replaces itself with a lazy-loaded iframe, reserves its box before it loads (no layout shift), and makes no request to anyone but awaketab.com.

Why the allow attribute matters

Browsers only let an iframe from another site keep the screen awake when the page delegates the permission: allow="screen-wake-lock". The loader always sets it. If your platform strips script tags and you paste the iframe yourself, keep that attribute — without it the widget cannot hold the screen on and shows "Ask the site owner" instead of pretending.

<iframe src="https://awaketab.com/embed/cook?mode=cook&theme=auto&lang=en&size=compact&preset=pinf"
  title="Keep screen awake"
  allow="screen-wake-lock"
  loading="lazy"
  referrerpolicy="strict-origin"
  sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox"
  style="width:320px;max-width:100%;height:96px;border:0;border-radius:12px"></iframe>

JavaScript API

The loader exposes window.AwakeTabEmbed: .start(opts), .stop(), .setTheme(theme) and .on('state', callback). Messages are checked by origin in both directions — the widget only listens to the page that embeds it, and the page only to awaketab.com.

<button id="cook">Keep my screen on</button>
<script>
  document.getElementById('cook').addEventListener('click', () => {
    AwakeTabEmbed.start({ preset: 'p60' }); // from a click: the video fallback needs a gesture
  });
  AwakeTabEmbed.on('state', ({ lock, status }) => console.log(lock, status));
</script>

Free, or licensed for your brand

The free widget carries a small "Keep awake by AwakeTab" link. The Embed licence removes it and applies your brand colour. The wake lock and every mode are identical either way — readers never get a worse widget because a site did not pay.

Questions