Embed

Add the AI visibility scanner to your website

You can put the full AIOScan scanner on your own site with one copy-paste snippet, and you can show your site's live AIO Score as a badge that links to the report. Both are free, need no API key or signup, and stay up to date on their own.

How do you embed the scanner?

Paste this one snippet where you want the scanner to appear.

<iframe src="https://aioscan.com/embed/scanner/"
  title="AI visibility scanner by AIOScan"
  width="100%" height="760" loading="lazy"
  style="border:0;max-width:100%;border-radius:12px;display:block"></iframe>
<script>
  window.addEventListener('message', function (e) {
    if (e.origin !== 'https://aioscan.com' || !e.data || e.data.type !== 'aioscan:height') return;
    document.querySelectorAll('iframe[src^="https://aioscan.com/embed/scanner"]').forEach(function (f) {
      if (f.contentWindow === e.source) f.style.height = Math.ceil(e.data.height) + 'px';
    });
  });
</script>

Visitors get the complete 21-check report inside your page, and every fix link opens on aioscan.com. The frame grows to fit each report on its own, so nothing is cut off and there's no scrollbar inside it.

How do you add it on your platform?

Paste the snippet into a block that accepts raw HTML. Every major site builder has one.

  • WordPress: in the block editor, add a Custom HTML block, paste the snippet, and update the page. On WordPress.com, custom code needs a plan that allows it.
  • Statamic: paste it into a field your template outputs as raw HTML, such as a Bard set holding a textarea or code field. Bard's regular text removes the script, so use a set.
  • Webflow: drag an Embed element onto the page, paste the snippet, save, and publish. The Designer shows a placeholder; the scanner appears on the published site.
  • Squarespace and Wix: add a Code block in Squarespace, or Embed Code, then Embed HTML in Wix, and paste the snippet. Wix puts embeds in a frame of its own, so drag that box to about 1,400 pixels tall to fit full reports.

What does it look like on a page?

Exactly like this. It's the snippet above, running live: scan a site and watch the frame grow to fit the report.

How do you show your AIO Score badge?

Run a scan of your site, then copy the badge code from the "Show this score on your site" box at the bottom of your report. The badge is a live SVG that shows your current score and grade and links to the full report, so visitors can verify the number. It looks like this in HTML, with your own domain in place of the example:

<a href="https://aioscan.com/scan/yourwebsite.com">
  <img src="https://aioscan.com/badge/yourwebsite.com.svg"
       alt="AIO Score on AIOScan" width="190" height="42">
</a>

The badge refreshes itself: once your scan cache expires, the next badge request reruns the scan for sites that have been scanned before. Improve your site, and the badge improves with it.

Who is this for?

Agencies who want a lead-qualifying diagnostic on their own site, web hosts and CMS communities whose users keep asking whether AI can read their pages, and anyone who has earned a good score and wants to prove it. The scanner runs on our infrastructure and respects the same limits as the homepage scanner, ten scans per visitor per hour.

What are the rules?

Two, and they are the honest ones. Keep the "by AIOScan" attribution inside the embed and leave the badge linking to its report, because a score nobody can verify is exactly the kind of number this scanner exists to replace. And use the badge for your own site or sites you manage. Beyond that, embed it anywhere. If you would rather the badge link carry rel="nofollow", add it; the badge works either way.