Skip to content
English
Contact us
  • There are no suggestions because the search field is empty.

Lytical Tracking Code Installation Guide

Add the Lytical tracking code to your website to start collecting visitor analytics. This guide covers installation for popular website platforms, content management systems, and tag managers.

Your Tracking Code

Copy this code snippet and paste it into your website's HTML, just before the closing </head> tag or at the end of the <body> tag:

<script async src="https://lytcdn.com/lyt.js?site=YOUR_TRACKING_TOKEN"></script>

Note: Replace YOUR_TRACKING_TOKEN with your unique tracking token found in your Lytical dashboard under Settings > Website.

Website & CMS Integrations

Google Tag Manager

  1. Log in to your Google Tag Manager account
  2. Select your container (or create a new one)
  3. Click Tags in the left sidebar, then click New
  4. Click Tag Configuration and select Custom HTML
  5. Paste the following code: 
    <script async src="https://lytcdn.com/lyt.js?site=YOUR_TRACKING_TOKEN"></script>
  6. Click Triggering and select All Pages
  7. Name your tag (e.g., "Lytical Analytics")
  8. Click Save
  9. Click Submit to publish your changes

WordPress

Option 1: Using a Plugin (Recommended)

  1. Install and activate a header/footer script plugin like Insert Headers and Footers or WPCode
  2. Go to Settings > Insert Headers and Footers (or the plugin's settings page)
  3. Paste the tracking code into the Header section
  4. Save your changes

Option 2: Edit Theme Files

  1. Go to Appearance > Theme Editor in your WordPress admin
  2. Select your theme's header.php file
  3. Paste the tracking code just before the closing </head> tag
  4. Click Update File

Warning: If you update your theme, you may lose these changes. Consider using a child theme or a plugin instead.

Shopify

  1. Log in to your Shopify admin panel
  2. Go to Online Store > Themes
  3. Click Actions > Edit Code on your active theme
  4. Under Layout, click theme.liquid
  5. Find the closing </head> tag
  6. Paste the tracking code just before </head>
  7. Click Save

Wix

  1. Log in to your Wix account and open your site editor
  2. Click Settings in the left menu
  3. Select Custom Code under Advanced
  4. Click + Add Custom Code
  5. Paste the tracking code
  6. Name it "Lytical Analytics"
  7. Select Head for placement
  8. Choose All pages for pages to add code
  9. Click Apply

Squarespace

  1. Log in to your Squarespace account
  2. Go to Settings > Advanced > Code Injection
  3. Paste the tracking code in the Header field
  4. Click Save

Webflow

  1. Log in to your Webflow dashboard
  2. Open your project and go to Project Settings
  3. Click the Custom Code tab
  4. Paste the tracking code in the Head Code section
  5. Click Save Changes
  6. Publish your site to apply the changes

HubSpot

  1. Log in to your HubSpot account
  2. Click the Settings gear icon
  3. Go to Website > Pages in the left sidebar
  4. Scroll down to Site Header HTML
  5. Paste the tracking code
  6. Click Save

For HubSpot CMS Pages Only:

  1. Navigate to Marketing > Website > Website Pages
  2. Click on the page you want to edit
  3. Go to Settings tab
  4. Scroll to Advanced Options > Additional code snippets
  5. Paste the tracking code in the Head HTML field
  6. Click Publish

Drupal

  1. Install and enable the Asset Injector module (or similar)
  2. Go to Configuration > Development > Asset Injector > JS Injector
  3. Click + Add JS Injector
  4. Paste the tracking code (without the <script> tags)
  5. Set Header as the position
  6. Save your configuration

Alternative: Edit Theme Template

  1. Locate your theme's html.html.twig file
  2. Paste the tracking code before the closing </head> tag
  3. Clear Drupal's cache

Joomla

  1. Log in to your Joomla admin panel
  2. Go to Extensions > Templates > Templates
  3. Click on your active template
  4. Select index.php
  5. Paste the tracking code before the closing </head> tag
  6. Click Save

Ghost

  1. Log in to your Ghost admin panel
  2. Go to Settings > Code injection
  3. Paste the tracking code in the Site Header field
  4. Click Save

Weebly

  1. Log in to your Weebly account
  2. Go to Settings > SEO
  3. Scroll down to Header Code
  4. Paste the tracking code
  5. Click Save
  6. Publish your site

BigCommerce

  1. Log in to your BigCommerce admin panel
  2. Go to Storefront > Script Manager
  3. Click Create a Script
  4. Set the following options:
    • Name: Lytical Analytics
    • Location: Head
    • Pages: All Pages
    • Script type: Script
  5. Paste the tracking code
  6. Click Save

Magento / Adobe Commerce

  1. Log in to your Magento admin panel
  2. Go to Content > Design > Configuration
  3. Select your store view and click Edit
  4. Expand HTML Head
  5. Paste the tracking code in the Scripts and Style Sheets field
  6. Click Save Configuration
  7. Clear the cache: System > Cache Management > Flush Magento Cache

Gatsby / React

Add the tracking code to your gatsby-ssr.js file:

import React from "react";

export const onRenderBody = ({ setHeadComponents }) => {
  setHeadComponents([
    <script
      key="lytical"
      async
      src="https://lytcdn.com/lyt.js?site=YOUR_TRACKING_TOKEN"
    />,
  ]);
};

Next.js

Add the tracking code to your _document.js or _document.tsx file:

import { Html, Head, Main, NextScript } from 'next/document';

export default function Document() {
  return (
    <Html>
      <Head>
        <script
          async
          src="https://lytcdn.com/lyt.js?site=YOUR_TRACKING_TOKEN"
        />
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  );
}

Nuxt.js

Add the tracking code to your nuxt.config.js:

export default {
  head: {
    script: [
      {
        src: 'https://lytcdn.com/lyt.js?site=YOUR_TRACKING_TOKEN',
        async: true,
      },
    ],
  },
};

Framer

Framer makes it easy to add custom code to your site through site-wide custom code injection.

  Installation Steps:

  1. Open your Framer project and click on the Settings icon (gear) in the top-right corner
  2. Navigate to General → Custom Code
  3. In the End of <head> tag section, paste the following code:
  <script async src="https://lytcdn.com/lyt.js?site=YOUR_TRACKING_TOKEN"></script>

 4. Replace YOUR_TRACKING_TOKEN with your unique tracking token from your Lytical dashboard
 5. Click Save and Publish your site

 Alternative: Page-Specific Installation

 If you only want to track specific pages:

 1. Select the page you want to track in the left sidebar
 2. Click the Page Settings icon (gear next to the page name)
 3. Scroll down to Custom Code
 4. Paste the tracking code in the End of <head> tag section
 5. Publish your changes

 Note: Framer's preview mode may not trigger analytics events. Make sure to test on your published site.

HTML Website (Static)

For any static HTML website, paste the tracking code directly into your HTML file(s):

<!DOCTYPE html>
<html>
<head>
  <title>Your Website</title>
  <!-- Other head elements -->

  <!-- Lytical Tracking Code -->
  <script async src="https://lytcdn.com/lyt.js?site=YOUR_TRACKING_TOKEN"></script>
</head>
<body>
  <!-- Your content -->
</body>
</html>

Verifying Installation

After adding the tracking code:

  1. Visit your website in a browser
  2. Go to your Lytical dashboard
  3. Navigate to Settings > Website
  4. Click Verify Installation to confirm the code is working
  5. You should see data appearing in your dashboard within a few minutes

Troubleshooting

No data appearing?

  • Ensure the tracking code is placed correctly (before </head>)
  • Check that your tracking token is correct
  • Verify there are no JavaScript errors in your browser console
  • Clear your website's cache and CDN cache
  • Wait a few minutes for data to process

Code not found during verification?

  • Some caching plugins may delay the appearance of new scripts
  • Ensure you've published/saved your changes
  • Check if your site uses a CDN that needs to be purged

Need Help?

If you're having trouble installing the tracking code, contact our support team or visit our help center for additional guidance.