Open Media Link ยท showFrame(link)

๐Ÿ“ฒSaw It Somewhere?

Paste any NYC article, video or TikTok URL and the AI reads it, finds every place mentioned, and makes it actionable โ€” the link parameter.

Jump to How it works Sample code Customize it

What it does

A single input: paste a link to any web page, article, listicle or video about the destination. The link parameter (Open Media Link) hands that URL to the AI, which reads the page and extracts every place in it. This is the capability most customers don't know exists โ€” and the biggest โ€œwow.โ€

How it works

Validate that the input is a URL, then pass it straight to showFrame() as link. Curated example buttons do the same with a preset URL.

Build it in 3 steps

1

Take a URL

An input for pasting, plus a few example buttons with preset links.

2

Validate it

A light check that it looks like http(s)://โ€ฆ before firing.

3

Pass it as link

Call showFrame() with the link parameter โ€” the AI reads the page.

The showFrame() call

The whole feature is one parameter: link. The AI fetches and reads the page you hand it.

window.mindtrip.showFrame(null, {
  destination: 'New York City',
  link: 'https://ny.eater.com/maps/best-new-york-restaurants-38-map',
  id: 'nyc-sawit-pasted'
});

Parameters used here

ParameterWhat it carries in this example
linkA public URL. The AI fetches and reads the page, then works with the places it finds. This is the Open Media Link capability.
destinationGeographic context for the conversation that follows.
idTracking slug.
โš ๏ธlink vs. path. link is a full external URL for the AI to read. path (used in Guess the Spot) is a Mindtrip internal route for navigating to a place. Don't mix them.

Sample code

A self-contained, working version of this experience. Copy it into an .html file, change the destination and content, and it runs. The Mindtrip embed script must be on the page (shown at the top).

<!-- Required on every page: the Mindtrip embed -->
<script src="https://partner.mindtrip.ai/overlay/embed.js?orgid=your-org-id" defer></script>

<input type="url" id="link-input" placeholder="https://...">
<button onclick="openLink()">Find the Places โ†’</button>
<p id="err" style="display:none; color:#c00">That doesn't look like a link.</p>

<!-- Curated examples -->
<button onclick="launch('https://ny.eater.com/maps/best-new-york-restaurants-38-map', 'eater38')">
  ๐Ÿฝ๏ธ The 38 Essential Restaurants in NYC
</button>

<script>
  function launch(url, id) {
    window.mindtrip.showFrame(null, {
      destination: 'New York City',
      link: url,          // Open Media Link โ€” the AI reads this page
      id: id
    });
  }

  function openLink() {
    const url = document.getElementById('link-input').value.trim();
    const err = document.getElementById('err');
    if (!/^https?:\/\/.+\..+/.test(url)) {   // light URL check
      err.style.display = 'block';
      return;
    }
    err.style.display = 'none';
    launch(url, 'nyc-sawit-pasted');
  }
</script>

Customize it for your destination

Curate a few examples

Most visitors won't have a link ready. Seed two or three buttons with well-known articles about your destination so the feature demonstrates itself in one click.

Keep the validation light

The regex just confirms it looks like a URL. You don't need to verify the page exists โ€” the AI handles unreachable links gracefully.

Mindtrip for Business Labs โ€” Saw It Somewhere? Questions? Contact your Mindtrip account team.