Install the tracking script

HTML

Paste the snippet before </head> in every HTML page or in your shared layout or template.

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>My site</title>
    <script defer data-website-id="YOUR_SITE_ID" src="https://revfaro.com/js/script.js"></script>
  </head>
  <body>
    …
  </body>
</html>

Next.js

Use next/script in your root layout (App Router) or in pages/_app (Pages Router). Client-side navigation is tracked automatically.

import Script from 'next/script';

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script defer data-website-id="YOUR_SITE_ID" src="https://revfaro.com/js/script.js" strategy="afterInteractive" />
      </body>
    </html>
  );
}

import Script from 'next/script';
import type { AppProps } from 'next/app';

export default function App({ Component, pageProps }: AppProps) {
  return (
    <>
      <Script defer data-website-id="YOUR_SITE_ID" src="https://revfaro.com/js/script.js" strategy="afterInteractive" />
      <Component {...pageProps} />
    </>
  );
}

React / Vue

For apps built with Vite, Create React App, Vue CLI, Astro, SvelteKit or similar, add the snippet to the <head> of the HTML template that every page uses (index.html for Vite). Route changes in React Router, Vue Router and other routers are recorded automatically.

<head>
  <meta charset="UTF-8" />
  <script defer data-website-id="YOUR_SITE_ID" src="https://revfaro.com/js/script.js"></script>
</head>

WordPress

1. Install a plugin that adds code to your site's header, such as WPCode (Insert Headers and Footers).
2. Open the plugin's Header & Footer screen and paste the snippet into the Header box.
3. Save. The script now loads on every page of your site.

Comfortable editing your theme? You can also paste the snippet into your child theme's header.php, just before </head>.

Webflow

1. In Webflow, open Site settings and go to Custom code.
2. Paste the snippet into Head code.
3. Click Save changes, then Publish your site. Custom code runs on the published site, not in the Designer preview.

Framer

1. In Framer, open Site Settings and go to General.
2. Under Custom Code, paste the snippet into End of <head> tag.
3. Publish your site.

Shopify

1. In Shopify admin, go to Online Store › Themes.
2. Next to your current theme, open the ⋯ menu and choose Edit code.
3. Open layout/theme.liquid and paste the snippet just before </head>.
4. Click Save.

The website's domain in Revfaro must be your store's domain (for example shop.example.com or example.com). Visits to the myshopify.com address are not recorded, and Shopify's checkout pages don't load theme code. Revfaro has no Shopify payment integration: to see Shopify orders as revenue, send them from your server with the Payments API.

Google Tag Manager

1. In Tag Manager, go to Tags › New and choose Custom HTML as the tag type.
2. Paste the code below and replace YOUR_SITE_ID. It creates the script element itself, so the data-website-id attribute is kept however Tag Manager inserts custom HTML.
3. Under Triggering, choose All Pages.
4. Save the tag, then Submit and publish the container.

<script>
  (function () {
    var s = document.createElement('script');
    s.defer = true;
    s.src = 'https://revfaro.com/js/script.js';
    s.setAttribute('data-website-id', 'YOUR_SITE_ID');
    document.head.appendChild(s);
  })();
</script>