How to add search to your site

Uruky Site Search can be integrated in multiple ways. Pick the option that best matches your stack, then replace example.com with your own verified domain (multiple domains are supported, comma-separated).

1. Use the direct search URL

Link users directly to your hosted search results page.

https://site-search.uruky.com/search?q=documentation&d=example.com

2. Add a plain HTML form

This works in static sites and server-rendered pages without JavaScript.

<form action="https://site-search.uruky.com/search" method="get">
  <input type="hidden" name="d" value="example.com" />
  <label for="site-search-query">Search this site</label>
  <input id="site-search-query" name="q" type="search" required />
  <button type="submit">Search</button>
</form>

3. Add a React search form

Use the same GET parameters in React components.

export default function SiteSearch() {
  return (
    <form action="https://site-search.uruky.com/search" method="get">
      <input type="hidden" name="d" value="example.com" />
      <label htmlFor="site-search-query">Search this site</label>
      <input id="site-search-query" name="q" type="search" required />
      <button type="submit">Search</button>
    </form>
  );
}

4. Embed results in an iframe

Useful if you want search results visible inside your own page layout.

<iframe
  src="https://site-search.uruky.com/search?q=&d=example.com"
  title="Site search"
  loading="lazy"
  width="100%"
  height="700"
></iframe>

5. Fetch results as JSON (API-style)

Use f=json to receive JSON and render your own interface.

https://site-search.uruky.com/search?q=documentation&d=example.com&f=json