Orb MCP
Index / InstallGuide

Install anywhere.

01

One script, any platform.

If your platform lets you add a script to the head of your pages, Orb works there. Find yours below.

Your site pages show this with your site ID filled in

Platform only accepts code, without the script tag? There is a version for that

Claude Code, Cursor or any coding AIAsk it to install
  1. Open your website’s project in your coding assistant.
  2. Paste this in and let it add the script the right way for your framework.
Prompt
Add this analytics script to every page of my website, in the <head> or using this framework's recommended way to load a third-party script. Keep all of its attributes.

<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>
Shopifytheme.liquid
  1. In your Shopify admin, go to Online Store, then Themes.
  2. Next to your current theme, open the … menu and choose Edit code.
  3. Open layout/theme.liquid and paste the script just before </head>.
  4. Click Save.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>

Shopify doesn’t run theme scripts on checkout pages, so Orb sees your store up to checkout. If you change theme, add the script to the new one too.

WordPress and WooCommerceWPCode plugin
  1. In your WordPress admin, go to Plugins, then Add New, and install WPCode (Insert Headers and Footers).
  2. Go to Code Snippets, then Header & Footer.
  3. Paste the script into the Header box and click Save Changes.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>

Using a caching plugin? Clear its cache afterwards. On WordPress.com you need a plan that allows plugins.

WPCode on WordPress.org

WebflowSite settings, custom code
  1. Open your site settings in Webflow and go to Custom code.
  2. Paste the script into Head code and save.
  3. Publish your site. Custom code only runs on the published site.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>

Custom code needs a paid Webflow site plan.

SquarespaceCode injection
  1. In Squarespace, open Settings, then Developer tools (Advanced on older sites), then Code injection.
  2. Paste the script into the Header box.
  3. Click Save.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>

Code injection isn’t available on every Squarespace plan.

Squarespace: using code injection

WixSettings, custom code
  1. In your Wix dashboard, go to Settings, then Custom code.
  2. Click Add Custom Code and paste the script.
  3. Choose All pages, Load code once, and place it in Head. Click Apply.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>

Wix only runs custom code on sites with a premium plan and a connected domain.

Wix: embedding custom code

FramerSite settings, custom code
  1. Open Site settings in Framer and go to General, then Custom code.
  2. Paste the script into the End of <head> tag box.
  3. Publish your site.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>

Custom code may need a paid Framer plan.

Framer: adding custom code

GhostCode injection
  1. In Ghost admin, go to Settings, then Code injection.
  2. Paste the script into Site header.
  3. Click Save.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>
Next.jsapp/layout.tsx
  1. Open app/layout.tsx, or pages/_app.tsx if you use the Pages Router.
  2. Import Script from next/script and add it inside <body>.
  3. Deploy. Page changes inside the app are tracked automatically.
app/layout.tsx
import Script from "next/script"

// Inside <body> in app/layout.tsx
<Script src="https://orbmcp.com/orb.js" data-site="SITE_ID" strategy="afterInteractive" />

Next.js: Script component

React, Vue, Svelte, Astro, Nuxt, RemixShared layout
  1. Find the file that renders <head> on every page: index.html for Vite, or the root layout for Astro, SvelteKit, Remix and Nuxt.
  2. Paste the script into <head>.
  3. Deploy. Client-side navigation is tracked automatically, so there’s nothing else to add.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>
Plain HTMLEvery page
  1. Open the HTML for each page, or the shared header template if your site has one.
  2. Paste the script just before </head>.
  3. Upload or deploy the change.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>
Google Tag ManagerCustom HTML tag
  1. In your container, create a new tag and choose Custom HTML.
  2. Paste the script.
  3. Set the trigger to All Pages, save, then Submit and Publish.
Snippet / HTML
<script async src="https://orbmcp.com/orb.js" data-site="SITE_ID"></script>

Adding the script straight to your site is more reliable, because some ad blockers block Tag Manager.

Google: Custom HTML tags