Install the script

Weblytic360 starts counting as soon as one small script is on your site. It takes about two minutes.

1. Add your website

Sign in and choose Add website. Enter a name and your domain, for example example.com, withouthttps:// and without a path.

2. Copy your tracking code

Open your site in the dashboard, then Settings, and copy the tracking code. It looks like this, with your own domain and key:

Tracking code
<script defer data-domain="example.com/Ab3xK9" src="https://weblytic360.com/script.manual.min.js"></script>
<script> window.weblytic360 = window.weblytic360 || function() { (window.weblytic360.q = window.weblytic360.q || []).push(arguments) }; weblytic360('pageview'); </script>

The first script loads the tracker. The second one sends the pageview. The short key after your domain tells Weblytic360 which site the visit belongs to.

3. Paste it into the head of your site

WordPress

Install a header and footer plugin, paste the code into its Header section, save, and clear your cache if you use a caching plugin.

Shopify

Go to Online Store, Themes, then Edit code. Open theme.liquid and paste the code just before the closing </head> tag.

Webflow

Open Site settings, then Custom code, paste the code into Head code, then save and publish.

Plain HTML

Paste the code between the <head> and </head> tags of every page, or of the template they share.

Single-page apps (Next.js, React, Vue)

In a single-page app the address changes without a page reload. Use the automatic version of the script: it sends a pageview when the page loads and again on every route change.

Automatic mode
<script defer src="https://weblytic360.com/tracker.js"
  data-domain="example.com/Ab3xK9"
  data-api="https://api.weblytic360.com"></script>

In Next.js you can add it with the built-in script component:

Next.js
import Script from 'next/script';

// inside your root layout or _app
<Script
  src="https://weblytic360.com/tracker.js"
  strategy="afterInteractive"
  data-domain="example.com/Ab3xK9"
  data-api="https://api.weblytic360.com"
/>

4. Check that it works

Open your website in a new tab, then open Real Time in your dashboard. Within a minute you should see yourself as one active visitor. Until the first visit arrives, the dashboard shows a “Waiting for first event” guide with your code, and it confirms by itself when the first visit comes in.

If nothing shows up

  • Open your site, view the page source and search for weblytic360. If it is not there, the code is not on the page yet. Clear your cache.
  • An ad blocker or privacy extension can block analytics scripts. Try a private window without extensions.
  • Visits from localhost are ignored on purpose.
  • The domain and key in data-domain must be exactly the ones shown in your site’s Settings.

Still stuck? Contact us with your domain and we will help.