Embed your workouts

Put your Titan profile or a single workout on any website: a blog, a portfolio or a Notion page. The embed always shows your latest public data.

What can be embedded

What	Link
Your profile and your latest workouts	https://www.titangymapp.com/u/<username>
A single workout	https://www.titangymapp.com/w/<workout id>

You need a username, which you can set in the app under Settings → Privacy. Copy a workout's link by opening it from your public profile.

An embed shows exactly what your public profile shows. Choose that under Settings → Privacy → Workouts shown in the app, or Workouts on public profile in web settings:

• All workouts: any of your workouts can be embedded.
• Latest workout: only your most recent workout. An embed of an older workout says it isn't public.
• No workouts: embeds show your profile but no workouts.

Paste the link

Editors that support oEmbed discovery turn a pasted link into an embed on their own. WordPress does for editors and administrators. Paste your profile or workout link on its own line.

Embed code

Paste this where your site accepts HTML. It sizes the embed to fit its content.

<blockquote class="titan-embed" data-username="george">
  <a href="https://www.titangymapp.com/u/george">George on Titan</a>
</blockquote>
<script async src="https://www.titangymapp.com/embed.js"></script>

For a single workout, use data-workout-session-id instead of data-username, or link the blockquote to the workout:

<blockquote class="titan-embed">
  <a href="https://www.titangymapp.com/w/<workout id>">My workout on Titan</a>
</blockquote>
<script async src="https://www.titangymapp.com/embed.js"></script>

Where scripts aren't allowed, use an iframe. It can't resize itself, so give it a height:

<iframe
  src="https://www.titangymapp.com/embed/u/george"
  width="550"
  height="800"
  style="border: 0; max-width: 100%"
  loading="lazy"
></iframe>

Options

Add these as data- attributes on the blockquote, as query parameters on the iframe's src, or to a pasted link.

Option	Values	Default	Applies to
limit	1 to 10	3	Profiles: how many recent workouts to show
theme	auto, light, dark	auto (follows the reader's system)	Profiles and workouts

<blockquote
  class="titan-embed"
  data-username="george"
  data-limit="1"
  data-theme="dark"
>
  <a href="https://www.titangymapp.com/u/george">George on Titan</a>
</blockquote>

For developers

• oEmbed endpoint: https://www.titangymapp.com/oembed?url=<profile or workout link>. It returns JSON of type rich and accepts maxwidth, maxheight, limit and theme.
• Profile and workout pages advertise it with an oEmbed discovery <link> tag.
• Embeds can be framed by any site.