← Back to Homepage
Introduction
Getting Started Installation
System
Analytics Suite SEO Suite Context Suite Growth Suite
Tools
mandera AI chat Content Library Chat Library Settings
Resources
Agentic Engine Privacy & Compliance core concepts How we track supported languages Help

Installation

Install mandera on your website, verify that tracking works and fix the most common setup issues.

mandera starts collecting data once the tracking snippet loads on your website. Add it to every page you want to measure, then verify the installation in your browser and in the mandera dashboard.

Using a specific CMS or website builder? Select your system below to go directly to the relevant setup guide:

Before you install

What you need

Before you install mandera, make sure you have:

  • access to your mandera dashboard
  • a website created in mandera
  • the tracking snippet for that website
  • access to your CMS, tag manager or website code

You can find your exact tracking snippet in your mandera dashboard under Settings.

Where to place the snippet

The mandera tracking snippet should be added to the <head> section of your website.

For most websites, the snippet should load on every public page you want mandera to measure. Depending on your setup, you can add it through your CMS, tag manager or global site header.

General setup

Tracking snippet

To start collecting data, add the mandera tracking snippet to your website.

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

The values in your snippet are generated for your website. Do not copy the example values above.

Keep the snippet exactly as shown in your mandera dashboard. If one of the required values is missing or changed, mandera may not receive data from your website.

Required attributes

The snippet needs these parts to work correctly:

PartWhat it does
srcLoads the mandera analytics script.
mandera-orgConnects the script to your organization.
data-property-idConnects the script to the website you created in mandera.
asyncLets the script load without blocking your website.

Installation methods

Google Tag Manager

Use this method if your website already uses Google Tag Manager.

  1. Open Google Tag Manager.
  2. Select the container for your website.
  3. Create a new tag.
  4. Choose a custom HTML tag.
  5. Paste the mandera tracking snippet into the HTML field.
  6. Set the trigger to all pages.
  7. Save and publish the container.
  8. Open your website in a new browser tab.
  9. Verify the installation with the steps below.

Make sure the Google Tag Manager container itself is already installed on your website. If the container does not load, the mandera snippet will not load either.

Manual HTML

Use this method if you can edit your website code directly.

  1. Open the global HTML template for your website.
  2. Find the <head> section.
  3. Paste the mandera tracking snippet before the closing </head> tag.
  4. Save and deploy your changes.
  5. Open your website in a new browser tab.
  6. Verify the installation with the steps below.

If your website uses separate templates for different page types, make sure the snippet is included in all templates you want to measure.

Single-page applications

Single-page applications are fully supported. mandera detects client-side route changes and counts them as page views, so apps built with React, Vue, Next.js or similar frameworks need no extra setup. Only path changes count as new page views, and pages viewed for under three seconds are treated as noise and dropped, except the last page of a visit.

Disable tracking

mandera filters your own dashboard visits and bot traffic out automatically, so you do not need to exclude yourself. To stop mandera from measuring your website entirely, remove the tracking snippet from your CMS, tag manager or template. Data already collected stays available in your dashboard.

Verify the setup

1. Open your website

Open any public page where the snippet should be active.

2. Open the browser developer tools

Open the developer tools in your browser and go to the Network tab.

3. Reload the page

Reload the page while the Network tab is open.

4. Search for the mandera script

Search for analytics.js or your mandera web URL. If the script appears with a successful status, the snippet is loading.

5. Check the mandera dashboard

Open the analytics suite in mandera and check whether data starts to appear.

Data may not appear instantly. If the script loads correctly but no data appears, continue with the troubleshooting steps below.

Troubleshooting

No data appears in mandera

Check these points first:

  • the snippet is installed on the page you are testing
  • the snippet is inside the <head> section
  • the organization ID is unchanged
  • the website ID is unchanged
  • your website cache has been cleared
  • your tag manager changes have been published
  • your browser or ad blocker is not blocking the script

The script does not appear in the Network tab

If you cannot find the script in the Network tab, the snippet is probably not loading.

Check whether it was added to the correct template, CMS field or tag manager container.

The script appears, but data still does not show

If the script loads but no data appears, check whether the page is public, whether the correct website was selected in mandera and whether the snippet belongs to the same website you are viewing.

Only some pages are tracked

If only some pages appear in mandera, the snippet may not be installed globally.

Add it to the global header or all relevant templates.

Google Tag Manager does not fire the tag

Check whether the tag uses the all pages trigger, whether the container was published and whether the Google Tag Manager container loads on the website.

CMS-specific guides

WordPress

mandera works with classic WordPress themes, block themes and headless WordPress setups. Choose the method that best fits your website.

Method 1: Add the snippet to your theme header

You can add the mandera snippet directly to your theme’s header.php file.

  1. In WordPress, go to Appearance → Theme File Editor.
  2. Open the header.php file.
  3. Paste the mandera snippet before the closing </head> tag.
  4. Replace the placeholder values with the values from your mandera dashboard.
  5. Click Update File.
  6. Open your website and verify the installation.
<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

If you update or switch your theme, you may need to add the snippet again.

Method 2: Use a header injection plugin

You can also install mandera without editing theme files.

  1. Install a plugin such as WPCode or Header Footer Code Manager.
  2. Open the plugin settings.
  3. Paste the mandera snippet into the Header section.
  4. Save your changes.
  5. Clear your website cache if you use a caching plugin.
  6. Open your website and verify the installation.

This method is usually more stable during theme updates because the snippet is managed by the plugin.

Method 3: Add the snippet through functions.php

You can also add the snippet programmatically through your theme’s functions.php file.

function mandera_tracking_script() {
    ?>
    <script
      src="https://<your-mandera-web-url>/analytics.js"
      mandera-org="ORG_ID"
      data-property-id="PROPERTY_ID"
      async
    ></script>
    <?php
}
add_action('wp_head', 'mandera_tracking_script');

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

For production setups, you may want to store these values as WordPress options or constants instead of hardcoding them in the theme.

Headless WordPress

If you use WordPress as a headless CMS with a frontend framework such as Next.js, Nuxt or Gatsby, install mandera in your frontend application instead of the WordPress backend.

Add the snippet to your frontend’s <head> section. If your frontend uses client-side routing, also review the note about single-page applications above.

Shopify

mandera can be installed on Shopify by adding the tracking snippet to your storefront. The recommended setup is to load the snippet globally, so it appears on the public pages you want mandera to measure.

This usually includes pages such as your homepage, product pages, collection pages and content pages.

Method 1: Add the snippet to your Shopify theme

Use this method if you have access to your Shopify theme code and want to install mandera directly in your active theme.

Before editing your theme code, consider duplicating your active theme as a backup.

  1. Open your Shopify admin area.
  2. Go to Online Store → Themes.
  3. Find your active theme.
  4. Open the theme menu and choose Edit code.
  5. In the Layout folder, open theme.liquid.
  6. Find the closing </head> tag.
  7. Paste the mandera tracking snippet directly before the closing </head> tag.
  8. Save your changes.
  9. Open your storefront in a new browser tab.
  10. Verify the installation with the steps above.

Add this snippet before the closing </head> tag in theme.liquid:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

If you update, duplicate or switch your Shopify theme later, check whether the mandera snippet is still included in the active theme.

Method 2: Use a custom code app

If you do not want to edit your theme code directly, you can use a Shopify app that lets you add custom code to the header of your store.

Use this method if your store already uses a trusted header, footer or custom code app, or if you prefer a no-code setup.

  1. Install or open your custom code app in Shopify.
  2. Create a new code snippet.
  3. Choose the Head section as the placement.
  4. Paste the mandera tracking snippet into the code field.
  5. Set the snippet to load on all storefront pages you want to measure.
  6. Save and enable the snippet.
  7. Open your storefront in a new browser tab.
  8. Verify the installation with the steps above.

Make sure the app loads the snippet on your public storefront pages. If the app only adds code to selected templates or pages, mandera may only collect data from those areas.

Method 3: Use Google Tag Manager

If your Shopify store already uses Google Tag Manager, you can add the mandera snippet through GTM instead of editing your theme code directly.

  1. Open Google Tag Manager.
  2. Select the container used on your Shopify store.
  3. Create a new tag.
  4. Choose a custom HTML tag.
  5. Paste the mandera tracking snippet into the HTML field.
  6. Set the trigger to all pages.
  7. Save and publish the container.
  8. Open your Shopify storefront in a new browser tab.
  9. Verify the installation with the steps above.

Make sure the Google Tag Manager container itself is already installed on your Shopify store. If the GTM container does not load, the mandera snippet will not load either.

Shopify checkout pages

The standard mandera setup is intended for your public Shopify storefront pages.

Checkout, post-purchase and order status pages may behave differently because Shopify handles these areas separately from the regular storefront theme. For the basic mandera setup, first confirm that the snippet loads correctly on pages such as the homepage, product pages, collection pages and content pages.

If you need to measure checkout-related events or revenue data, this may require a separate Shopify-specific setup.

Troubleshooting for Shopify

If no data appears in mandera, check these points first:

  • the snippet was added to the active Shopify theme or a global custom code app
  • the snippet is placed inside the head section
  • the values from your mandera dashboard were copied exactly
  • your Shopify changes were saved and published
  • your storefront is public and not password-protected
  • your browser or ad blocker is not blocking the script
  • your custom code app or Google Tag Manager container is active
  • the snippet is not installed twice

If you recently changed or updated your theme, open the active theme again and check whether the mandera snippet is still present.

Wix

mandera can be installed on Wix by adding the tracking snippet as custom code in your Wix dashboard. This allows the snippet to load across the public pages you want mandera to measure.

Use this method if your website is built with Wix and you have access to the site settings.

Before you install: Make sure your Wix site is published and connected to a domain. Custom code settings may depend on your Wix setup and plan.

Method 1: Add the snippet through Custom Code

The recommended way to install mandera on Wix is to add the tracking snippet to the head section of your site.

  1. Open your Wix dashboard.
  2. Select the website where you want to install mandera.
  3. Go to Settings.
  4. Open Custom Code under Development & Integrations.
  5. Click + Add Custom Code.
  6. Paste the mandera tracking snippet into the code field.
  7. Give the code a clear name, such as mandera analytics.
  8. Under Add Code to Pages, select All pages.
  9. Choose whether the code should load once per visit or on each page a visitor opens.
  10. Under Place Code in, select Head.
  11. Click Apply.
  12. Open your website in a new browser tab.
  13. Verify the installation with the steps above.

Add this snippet to the Wix Custom Code field:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

For most Wix websites, All pages is the best option because it also applies the snippet to new pages you create later.

Wix may ask whether the code should load once per visit or on each page a visitor opens. For a basic mandera setup, start with Load code once per visit if this option is available. After installation, verify that the script appears in your browser’s Network tab and that data starts to appear in mandera.

If you notice that page changes are not reflected as expected, review the setup and test the alternative loading option.

Method 2: Use a custom code app

If you cannot access the native Custom Code settings in Wix, you may use a trusted Wix app that allows you to add custom code to the head section of your site.

Use this method only if the app can place the snippet globally in the head section.

  1. Install or open your custom code app in Wix.
  2. Create a new custom code snippet.
  3. Paste the mandera tracking snippet into the code field.
  4. Set the placement to Head.
  5. Apply the snippet to all public pages you want to measure.
  6. Save and enable the snippet.
  7. Open your website in a new browser tab.
  8. Verify the installation with the steps above.

If the app only adds code to a single page, iframe or visible embed element, it is not suitable for the basic mandera installation.

Method 3: Use Google Tag Manager

If your Wix website already uses Google Tag Manager, you can also install mandera through GTM.

  1. Open Google Tag Manager.
  2. Select the container used on your Wix website.
  3. Create a new tag.
  4. Choose a custom HTML tag.
  5. Paste the mandera tracking snippet into the HTML field.
  6. Set the trigger to all pages.
  7. Save and publish the container.
  8. Open your Wix website in a new browser tab.
  9. Verify the installation with the steps above.

Make sure the Google Tag Manager container itself is already connected to your Wix website. If the container does not load, the mandera snippet will not load either.

Troubleshooting for Wix

If no data appears in mandera, check these points first:

  • your Wix site is published
  • your Wix site is connected to a domain
  • the snippet was added through Custom Code or a global custom code app
  • the snippet is placed in the head section
  • the snippet is applied to all relevant pages
  • the values from your mandera dashboard were copied exactly
  • your changes were applied and saved
  • your browser or ad blocker is not blocking the script
  • the snippet is not installed twice

If the script does not appear in the Network tab, open the Wix Custom Code settings again and check whether the snippet is active, placed in the correct section and applied to the right pages.

Joomla

mandera can be installed on Joomla by adding the tracking snippet to the head section of your website. Depending on your Joomla setup, you can do this through your template settings, your template files or Google Tag Manager.

Use the method that best fits your website and the access rights you have in Joomla.

Before you install: Make sure you have access to your Joomla administrator area and know which template or template style is active on the pages you want to measure.

Method 1: Use your template’s custom code settings

Many Joomla templates and template frameworks include a custom code field for scripts that should be added to the head section of your website.

Use this method if your active template offers a field such as Custom Code, Head Code, Before or similar.

  1. Open your Joomla administrator area.
  2. Go to System or Extensions, depending on your Joomla version.
  3. Open the Templates or Site Template Styles section.
  4. Select the active template or template style used by your website.
  5. Look for a Custom Code, Head Code or similar section in the template settings.
  6. Paste the mandera tracking snippet into the field for the head section.
  7. Save your changes.
  8. Open your website in a new browser tab.
  9. Verify the installation with the steps above.

Add this snippet to the custom code field for the head section:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

If your website uses different template styles for different pages, repeat the setup for every template style you want mandera to measure.

Method 2: Add the snippet to your template file

If your template does not include a custom code field, you can add the mandera snippet directly to the template file.

Use this method only if you are comfortable editing template files or have support from a developer.

  1. Open your Joomla administrator area.
  2. Go to System or Extensions, depending on your Joomla version.
  3. Open the Templates section.
  4. Select the active site template.
  5. Open the main template file, usually index.php.
  6. Find the closing </head> tag.
  7. Paste the mandera tracking snippet directly before the closing </head> tag.
  8. Save your changes.
  9. Open your website in a new browser tab.
  10. Verify the installation with the steps above.

Do not edit Joomla core files. The snippet should be added through your template or template settings, not through the core Joomla installation.

If you update, replace or switch your Joomla template later, check whether the mandera snippet is still included.

Method 3: Use Google Tag Manager

If your Joomla website already uses Google Tag Manager, you can add the mandera snippet through GTM instead of editing your template.

  1. Open Google Tag Manager.
  2. Select the container used on your Joomla website.
  3. Create a new tag.
  4. Choose a custom HTML tag.
  5. Paste the mandera tracking snippet into the HTML field.
  6. Set the trigger to all pages.
  7. Save and publish the container.
  8. Open your Joomla website in a new browser tab.
  9. Verify the installation with the steps above.

Make sure the Google Tag Manager container itself is already installed on your Joomla website. If the GTM container does not load, the mandera snippet will not load either.

Troubleshooting for Joomla

If no data appears in mandera, check these points first:

  • the snippet was added to the active Joomla template or template style
  • the snippet is placed in the head section
  • the values from your mandera dashboard were copied exactly
  • your Joomla changes were saved
  • your website cache has been cleared
  • your template cache or optimization plugin is not preventing the snippet from loading
  • the correct template style is used on the page you are testing
  • your browser or ad blocker is not blocking the script
  • the snippet is not installed twice

If the script does not appear in the Network tab, check whether the page you are testing uses a different template style. In Joomla, different menu items can use different template styles, so the snippet may need to be added in more than one place.

TYPO3

mandera can be installed on TYPO3 by adding the tracking snippet to the head section of your website. Depending on your setup, this can be done through TypoScript, your site package or Google Tag Manager.

Use the method that best fits your TYPO3 setup and your access rights.

Before you install: Make sure you have access to the TYPO3 backend, know where your main TypoScript setup is managed and can clear the TYPO3 cache after making changes.

Method 1: Add the snippet through TypoScript headerData

The most direct way to install mandera on TYPO3 is to add the full tracking snippet through TypoScript headerData.

Use this method if you can edit the TypoScript setup for your website and want to paste the complete mandera snippet into TYPO3.

  1. Open your TYPO3 backend.
  2. Go to the Template module.
  3. Select the root page or site root where your main TypoScript setup is configured.
  4. Open the TypoScript setup editor.
  5. Paste the TypoScript block below into your setup.
  6. Replace the placeholder values with the values from your mandera dashboard.
  7. Save your changes.
  8. Clear the TYPO3 cache.
  9. Open your website in a new browser tab.
  10. Verify the installation with the steps above.

Add this block to your TypoScript setup:

page.headerData.999 = TEXT
page.headerData.999.value (
<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>
)

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

If page.headerData.999 is already used in your setup, choose another unused number.

Method 2: Add the script through includeJS

If your TYPO3 setup is managed by a developer or through a site package, the mandera script can also be added through page.includeJS.

Use this method if you prefer to manage the external JavaScript file through TypoScript instead of pasting the full script tag into headerData.

  1. Open your TYPO3 backend or your site package files.
  2. Open the main TypoScript setup for your website.
  3. Paste the TypoScript block below into your setup.
  4. Replace the placeholder values with the values from your mandera dashboard.
  5. Save your changes.
  6. Clear the TYPO3 cache.
  7. Open your website in a new browser tab.
  8. Verify the installation with the steps above.

Add this block to your TypoScript setup:

page.includeJS {
  mandera = https://<your-mandera-web-url>/analytics.js
  mandera.async = 1
  mandera.data.mandera-org = ORG_ID
  mandera.data.data-property-id = PROPERTY_ID
}

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

This method is especially useful for developer-managed TYPO3 installations where scripts are handled centrally through TypoScript or a site package.

Method 3: Use Google Tag Manager

If your TYPO3 website already uses Google Tag Manager, you can add the mandera snippet through GTM instead of changing your TYPO3 template setup.

  1. Open Google Tag Manager.
  2. Select the container used on your TYPO3 website.
  3. Create a new tag.
  4. Choose a custom HTML tag.
  5. Paste the mandera tracking snippet into the HTML field.
  6. Set the trigger to all pages.
  7. Save and publish the container.
  8. Open your TYPO3 website in a new browser tab.
  9. Verify the installation with the steps above.

Make sure the Google Tag Manager container itself is already installed on your TYPO3 website. If the container does not load, the mandera snippet will not load either.

Troubleshooting for TYPO3

If no data appears in mandera, check these points first:

  • the snippet was added to the active TypoScript setup
  • the snippet is added to the head section
  • the values from your mandera dashboard were copied exactly
  • the TYPO3 cache has been cleared
  • your site package or deployment process includes the latest changes
  • the page you are testing uses the same TypoScript setup
  • your browser or ad blocker is not blocking the script
  • the snippet is not installed twice

If the script does not appear in the Network tab, check whether the page you are testing uses a different site setup, template configuration or TypoScript condition. In TYPO3, different parts of a website can use different TypoScript configurations.

Squarespace

mandera can be installed on Squarespace by adding the tracking snippet through Code Injection. This makes the snippet load across the public pages you want mandera to measure.

Use this method if your website is built with Squarespace and you have access to the site settings.

Before you install: Make sure your Squarespace site is published and that your plan supports Code Injection.

Method 1: Add the snippet through Code Injection

The recommended way to install mandera on Squarespace is to add the tracking snippet to the Header Code Injection field.

  1. Open your Squarespace dashboard.
  2. Select the website where you want to install mandera.
  3. Go to Settings.
  4. Open Advanced.
  5. Open Code Injection.
  6. Paste the mandera tracking snippet into the Header field.
  7. Save your changes.
  8. Open your website in a new browser tab.
  9. Verify the installation with the steps above.

Add this snippet to the Header field:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

Code added to the Header field is loaded in the head section of your Squarespace site. This is the best place for the mandera tracking snippet because it should load globally on the public pages you want to measure.

Method 2: Add the snippet to a specific page

If you only want to test mandera on a specific Squarespace page first, you can add the tracking snippet through page-level code injection.

Use this method only for testing or for pages where mandera should be limited to a specific area of your website.

  1. Open your Squarespace dashboard.
  2. Go to Pages.
  3. Select the page where you want to install mandera.
  4. Open the page settings.
  5. Open Advanced.
  6. Paste the mandera tracking snippet into the page header code field.
  7. Save your changes.
  8. Open the page in a new browser tab.
  9. Verify the installation with the steps above.

If you want mandera to measure your full website, use the global Header Code Injection method instead. Page-level installation only applies to the selected page.

Method 3: Use Google Tag Manager

If your Squarespace website already uses Google Tag Manager, you can add the mandera snippet through GTM instead of adding it directly through Squarespace Code Injection.

  1. Open Google Tag Manager.
  2. Select the container used on your Squarespace website.
  3. Create a new tag.
  4. Choose a custom HTML tag.
  5. Paste the mandera tracking snippet into the HTML field.
  6. Set the trigger to all pages.
  7. Save and publish the container.
  8. Open your Squarespace website in a new browser tab.
  9. Verify the installation with the steps above.

Make sure the Google Tag Manager container itself is already installed on your Squarespace website. If the container does not load, the mandera snippet will not load either.

Checkout pages

The standard mandera setup is intended for your public Squarespace website pages.

Checkout pages may behave differently because Squarespace handles them separately from regular website pages. For the basic mandera setup, first confirm that the snippet loads correctly on public pages such as the homepage, service pages, product pages, blog posts and landing pages.

If you need to measure checkout-related areas, review your Squarespace setup separately and verify what is possible for your plan and store configuration.

Troubleshooting for Squarespace

If no data appears in mandera, check these points first:

  • your Squarespace site is published
  • your plan supports Code Injection
  • the snippet was added to the Header Code Injection field
  • the values from your mandera dashboard were copied exactly
  • your changes were saved
  • the page you are testing is public
  • your browser or ad blocker is not blocking the script
  • the snippet is not installed twice
  • Google Tag Manager is published if you installed mandera through GTM

If the script does not appear in the Network tab, open the Code Injection settings again and check whether the snippet is still active in the Header field.

Drupal

mandera can be installed on Drupal by adding the tracking snippet to the head section of your website. Depending on your Drupal setup, you can do this through a custom code module, your theme or Google Tag Manager.

Use the method that best fits your website and the access rights you have in Drupal.

Before you install: Make sure you have access to your Drupal administration area and know whether your website is managed through a custom theme, a site package or contributed modules.

Method 1: Use a custom code or header script module

The easiest way to install mandera on many Drupal websites is to use a trusted module that allows scripts to be added to the head section of your site.

Use this method if your Drupal website already uses a custom code, header script or header/footer module, or if your developer recommends one.

  1. Open your Drupal administration area.
  2. Go to the module or configuration area used for custom header scripts.
  3. Create a new script or open the field for head scripts.
  4. Paste the mandera tracking snippet into the head section field.
  5. Apply the snippet globally or to all public pages you want to measure.
  6. Save your changes.
  7. Clear the Drupal cache.
  8. Open your website in a new browser tab.
  9. Verify the installation with the steps above.

Add this snippet to the head section field:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

Only use modules that are trusted and maintained for your Drupal version. If you are not sure which module to use, ask your Drupal developer or site administrator before installing a new module.

Method 2: Add the script through your Drupal theme

If your Drupal website is developer-managed, the mandera script can be added through the active theme or site package.

Use this method if you or your developer can edit the theme files.

  1. Open your Drupal theme or site package.
  2. Open the theme’s libraries.yml file.
  3. Add the mandera script as an external JavaScript library.
  4. Make sure the library is loaded in the header.
  5. Attach the library globally through your theme’s info.yml file or another global theme setup.
  6. Replace the placeholder values with the values from your mandera dashboard.
  7. Save and deploy your changes.
  8. Clear the Drupal cache.
  9. Open your website in a new browser tab.
  10. Verify the installation with the steps above.

Add this block to your libraries.yml file:

mandera:
  header: true
  js:
    https://<your-mandera-web-url>/analytics.js:
      type: external
      attributes:
        async: true
        mandera-org: ORG_ID
        data-property-id: PROPERTY_ID

Attach the library globally in your theme’s info.yml file:

libraries:
  - yourtheme/mandera

Replace yourtheme with the machine name of your active Drupal theme. Also replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

This method is especially useful for Drupal websites where scripts are managed centrally through a theme, subtheme or deployment workflow.

Method 3: Use Google Tag Manager

If your Drupal website already uses Google Tag Manager, you can add the mandera snippet through GTM instead of changing your Drupal theme setup.

  1. Open Google Tag Manager.
  2. Select the container used on your Drupal website.
  3. Create a new tag.
  4. Choose a custom HTML tag.
  5. Paste the mandera tracking snippet into the HTML field.
  6. Set the trigger to all pages.
  7. Save and publish the container.
  8. Open your Drupal website in a new browser tab.
  9. Verify the installation with the steps above.

Make sure the Google Tag Manager container itself is already installed on your Drupal website. If the container does not load, the mandera snippet will not load either.

Troubleshooting for Drupal

If no data appears in mandera, check these points first:

  • the snippet was added to the active Drupal setup
  • the snippet is placed in the head section
  • the snippet is applied globally or to all relevant pages
  • the values from your mandera dashboard were copied exactly
  • the Drupal cache has been cleared
  • your theme, subtheme or site package includes the latest changes
  • your custom code module is active and configured correctly
  • your browser or ad blocker is not blocking the script
  • the snippet is not installed twice

If the script does not appear in the Network tab, check whether the page you are testing uses a different theme, domain, language version or site configuration. Drupal websites can have different setups for different sections, so the snippet may need to be added through the global theme or site configuration.

Webflow

mandera can be installed on Webflow by adding the tracking snippet to your site-wide custom code. This makes the snippet load across the public pages you want mandera to measure.

Use this method if your website is built with Webflow and you have access to the site settings.

Before you install: Make sure your Webflow site is published and that your site or workspace plan supports custom code.

Method 1: Add the snippet through Site Settings

The recommended way to install mandera on Webflow is to add the tracking snippet to the site-wide Head Code field.

  1. Open your Webflow dashboard.
  2. Select the website where you want to install mandera.
  3. Open Site Settings.
  4. Go to the Custom Code tab.
  5. Paste the mandera tracking snippet into the Head Code field.
  6. Save your changes.
  7. Publish your Webflow site.
  8. Open your website in a new browser tab.
  9. Verify the installation with the steps above.

Add this snippet to the site-wide Head Code field:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

Code added to the site-wide Head Code field is loaded across your Webflow site. This is the best option for the standard mandera setup because the snippet should be available on every public page you want to measure.

Method 2: Add the snippet to a specific page

If you only want to test mandera on one Webflow page first, you can add the tracking snippet through page-level custom code.

Use this method only for testing or for pages where mandera should be limited to a specific part of your website.

  1. Open your Webflow project in the Designer.
  2. Open the Pages panel.
  3. Select the page where you want to install mandera.
  4. Open the page settings.
  5. Scroll to the Custom Code section.
  6. Paste the mandera tracking snippet into the Inside <head> tag field.
  7. Save your changes.
  8. Publish your Webflow site.
  9. Open the page in a new browser tab.
  10. Verify the installation with the steps above.

Add this snippet to the page-level Inside <head> tag field:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Replace ORG_ID, PROPERTY_ID and the script URL with the values from your mandera dashboard.

If you want mandera to measure your full website, use the site-wide Head Code method instead. Page-level installation only applies to the selected page.

Method 3: Use Google Tag Manager

If your Webflow website already uses Google Tag Manager, you can add the mandera snippet through GTM instead of adding it directly through Webflow custom code.

  1. Open Google Tag Manager.
  2. Select the container used on your Webflow website.
  3. Create a new tag.
  4. Choose a custom HTML tag.
  5. Paste the mandera tracking snippet into the HTML field.
  6. Set the trigger to all pages.
  7. Save and publish the container.
  8. Open your Webflow website in a new browser tab.
  9. Verify the installation with the steps above.

Make sure the Google Tag Manager container itself is already installed on your Webflow website. If the container does not load, the mandera snippet will not load either.

Webflow Code Embed elements

Do not use a regular Code Embed element for the basic mandera installation. Code Embed elements are useful for visible embeds or page content, but the mandera tracking snippet should be loaded globally in the head section of your website.

Troubleshooting for Webflow

If no data appears in mandera, check these points first:

  • your Webflow site is published
  • your site or workspace plan supports custom code
  • the snippet was added to the site-wide Head Code field
  • the values from your mandera dashboard were copied exactly
  • your changes were saved and published
  • the page you are testing is public
  • your browser or ad blocker is not blocking the script
  • Google Tag Manager is published if you installed mandera through GTM
  • the snippet is not installed twice

If the script does not appear in the Network tab, open the Webflow Custom Code settings again and check whether the snippet is still active in the Head Code field. Then publish the site again and test the live website, not only the Webflow preview.

What comes next

Check your first data

Once the snippet is installed, mandera can collect analytics data for your website. This data appears in the analytics suite and helps the system understand traffic, sources and pages.

The same setup also supports the wider mandera system. Analytics data can feed into context, SEO insights and growth opportunities once the related parts of your workspace are ready.

Continue with the system guides

After installation, open the analytics suite and check whether data starts to appear. Then continue with the system guides to understand how mandera uses that data across analytics, SEO, context and growth workflows.

Related

Getting Started
Analytics Suite
Settings
Core concepts
How we track
Help

Last updated: 12 June 2026

← Back to Homepage
From data to direction, automatically.
Resources
English
documentation Coming Soon Changelog compare blog enterprise
company
about us contact feedback imprint privacy policy terms
© 2026 mandera.ai