How To Enable Interaction Tracking

The website monitoring script enables SERP360 to collect engagement data from your site—powering scroll depth analysis, heatmaps, and conversion tracking.

Quick start

1. Go to Config in your SERP360 dashboard and copy the script

2. Paste the script into your website's <head> section

3. Clear any server or CDN cache

4. Load your site and open DevTools (F12 on Windows, ⌥⌘I on Mac)

5. Check the Network tab—the script should show status 200 or 304

Choose your platform

Installation steps vary by platform. Select the method that matches your website setup.

Platform	Best method
General HTML	Add script directly to HTML files
WordPress	WPCode plugin (recommended)
Shopify	Edit theme.liquid file
Wix	Custom Code in Settings
Squarespace	Code Injection in Settings
Webflow	Custom Code in Project Settings
Google Tag Manager	Custom HTML tag

General HTML website

Add the script

Copy the script from your SERP360 dashboard (Config section) and paste it into the <head> section of your HTML file.

Alternative placement: The script also works just before the closing </body> tag. This improves page load performance but delays data collection slightly.

Clear server cache

Access your hosting control panel (cPanel, Plesk, or similar) and look for cache options. Most hosts offer a 'Flush Cache' or 'Purge Cache' button. If unsure, contact your hosting provider.

WordPress

Method 1: WPCode plugin (recommended)

This method works with all themes, including block themes, and survives theme updates.

1. Install and activate the WPCode plugin (formerly Insert Headers and Footers)

2. Go to Code Snippets → Header & Footer

3. Copy the script from your SERP360 dashboard (Config section)

4. Paste into the Header section and save

Method 2: Developer hook (advanced)

For developers who prefer code-based solutions. Add this to your theme's functions.php or a custom plugin:

function add_monitoring_script() {

echo '<script src="YOUR_SCRIPT_URL" defer></script>';

}

add_action('wp_head', 'add_monitoring_script');

Replace YOUR_SCRIPT_URL with the URL from your SERP360 dashboard.

Clear WordPress cache

If using a caching plugin (W3 Total Cache, WP Super Cache, LiteSpeed Cache), clear the cache through the plugin settings. Managed WordPress hosts like WP Engine or Kinsta have cache controls in their dashboards.

Shopify

Add the script

1. Go to Online Store → Themes

2. Click Actions for your current theme, then Edit code

3. In the Layout section, open theme.liquid

4. Find the </head> tag and paste the script just before it

5. Click Save

Shopify has no separate cache to clear. Saving publishes changes immediately.

Important: Do not use Shopify Custom Pixels for this script. The Custom Pixels sandbox cannot detect scrolling or mouse movement, which are essential for heatmaps and scroll depth tracking.

Wix

Add the script

1. From your Wix dashboard, click Settings in the left sidebar

2. Click Custom Code under Advanced

3. Click Add Custom Code

4. Name it 'Monitoring Script', paste the code, set Add Code to as 'All pages' and Place code in as 'Head'

5. Click Apply, then publish your site

Wix clears its cache automatically when publishing.

Note: Some tracking tools (like Google Analytics and Google Tag Manager) require Wix's built-in integrations rather than Custom Code. The SERP360 script works correctly via Custom Code.

Squarespace

Add the script

1. Go to Settings → Advanced → Code Injection

2. Paste the script into the Header field

3. Click Save

Squarespace clears its cache automatically when saving. The script loads site-wide.

Cookie consent: If operating in regions requiring cookie consent (EU, UK), configure Squarespace's cookie banner settings in the same Advanced section. The monitoring script may need to load conditionally based on consent.

Webflow

Add the script

1. Go to Site Settings → Custom Code

2. Paste the script into the Head Code section

3. Click Save Changes and then Publish

Webflow clears its cache automatically when publishing.

Google Tag Manager

GTM works alongside any platform. Use this method to manage the script centrally.

Add the script

1. Open your GTM container

2. Click Add a new tag

3. Choose Custom HTML as the tag type

4. Paste the script from your SERP360 dashboard

5. Set the trigger to Initialization – All Pages (for earliest loading) or All Pages

6. Save and Submit the container to publish

Tip: The Initialization trigger fires before other tags, ensuring the monitoring script captures data from the start of the session.

Cloudflare users

If using Cloudflare, complete these additional steps after adding the script to your site.

Purge the cache

1. Log in to your Cloudflare dashboard

2. Select your website

3. Go to the Caching tab

4. Click Custom Purge and enter the URL of the page where you added the script

5. If the script still doesn't load, use Purge Everything

Cloudflare's cache purge takes effect within seconds. If changes don't appear immediately, wait a minute and refresh.

Verify installation

After adding the script and clearing caches, confirm everything works correctly.

1. Load your website in a browser

2. Open DevTools (F12 on Windows, ⌥⌘I on Mac)

3. Go to the Network tab

4. Refresh the page

5. Look for the SERP360 script—status 200 (loaded fresh) or 304 (loaded from cache) both indicate success

Interact with your website (scroll, click buttons) to generate test data. Data appears in SERP360 within a few minutes.

Troubleshooting

Issue	Cause	Solution
Script not loading	Cache still serving old version	Clear all caches (server, CDN, browser), test in incognito window
Script blocked	Content Security Policy restriction	Add script-src 'self' https://app.serp360.ai to your CSP headers
No data in SERP360	Script placed incorrectly	Verify the script is in the <head> or before </body>
Error in console	Incomplete script code	Copy the full script again from SERP360 dashboard
Plugin conflict (WordPress)	Caching or optimisation plugin interfering	Exclude SERP360 script from minification and defer settings
GTM not working on Wix	Wix requires built-in GTM integration	Use Wix's Custom Code instead of GTM for this script

FAQ

Does the script affect page speed?

The script is lightweight and loads asynchronously. Impact on page load time is negligible—typically under 50 milliseconds.

Where exactly should I place the script?

Place it in the <head> section for earliest data collection, or just before </body> for better perceived page speed. Both work correctly.

Do I need to add the script to every page?

No. Adding it to your site header or using a tag manager applies the script site-wide automatically.

How do I know if the script is working?

Check the Network tab in browser DevTools. The script should load with status 200 or 304. Data appears in SERP360 within minutes of visitor activity.

What if I change themes or platforms?

Re-add the script after any major site changes. Theme updates or platform migrations often reset custom code. Using a plugin (WordPress) or GTM reduces this risk.

Can I use Shopify Custom Pixels instead?

No. Shopify's Custom Pixels sandbox cannot detect scrolling or mouse movement, which are required for heatmaps and scroll depth tracking. Use the theme.liquid method instead.

Getting help

Contact support with your website URL and any error messages