How To Enable Interaction Tracking
This guide provides platform-specific instructions for installing the website monitoring script. Choose the section that matches your platform:
1. General HTML Website
1. Add the Script
Copy the website monitoring script from your SERP360 dashboard under the Config section and paste it into the <head> section of your HTML file.
Note: You can also place the script just before the closing </body> tag for performance optimization. However, placing it in the <head> ensures the script runs as early as possible.
2. Clear Server Cache
- Access your hosting control panel (cPanel, Plesk, etc.)
- Look for options like "Flush Cache" or "Purge Cache"
- If unsure, contact your hosting provider for assistance
2. WordPress
Method 1: Using a Code Snippet Plugin (Recommended)
1. Install a Plugin
- Log in to your WordPress admin panel
- Go to Plugins > Add New
- Search for "Code Snippets" or "Insert Headers and Footers"
- Install and activate your chosen plugin
2. Add the Script
Copy the website monitoring script from your SERP360 dashboard under the Config section and add it using the plugin as follows:
- For Code Snippets:
Go to Snippets > Add New, name your snippet (e.g., "Monitoring Script"), paste the script, select "Run everywhere," then save and activate.
- For Insert Headers and Footers:
Go to Settings > Insert Headers and Footers, paste the script in the "Scripts in Header" section, then save.
Method 2: Editing Theme Files
1. Add the Script
- Log in to your WordPress admin panel
- Go to Appearance > Theme Editor
- Select your active theme
- Click on "Theme Header (header.php)"
- Copy the script from your SERP360 dashboard and paste it just before the closing </head> tag.
- Click "Update File"
Note: This method is not recommended if you're not familiar with editing theme files, as it can break your site if done incorrectly.
Method 3: Using a Child Theme
1. Edit the functions.php file of your child theme.
2. Add the following code:
function add_monitoring_script() {
echo '<script src="YOUR SCRIPT URL HERE" defer></script>';
}
add_action('wp_head', 'add_monitoring_script');
(Replace YOUR SCRIPT URL HERE with the script from your SERP360 dashboard under the Config section.)
3. Save the file.
### Clear WordPress Cache
After adding the script using any of the above methods:
- If using a caching plugin (e.g., W3 Total Cache, WP Super Cache), clear the cache through the plugin settings.
- Some hosts offer WordPress-specific caching (e.g., WP Engine, Kinsta) — use their dashboard to clear the cache.
---
3. Shopify
1. Add the Script
Copy the script from your SERP360 dashboard under the Config section and:
- Log in to your Shopify admin panel.
- Go to Online Store > Themes.
- Click "Actions" for your current theme, then "Edit code."
- In the Layout section, click on theme.liquid .
- Find the </head> tag and paste the script just before it.
- Click "Save."
2. Clear Cache
- Shopify doesn't have a server cache you can clear directly.
- After adding the script, click "Save" to publish your theme changes.
4. Wix
1. Add the Script
Copy the script from your SERP360 dashboard under the Config section and:
- From your Wix dashboard, click Settings on the left sidebar.
- Click Custom Code under "Advanced."
- Click "Add Custom Code."
- Name your code (e.g., "Monitoring Script").
- Paste the script into the code box.
- Set "Add Code to" as "All pages" and "Place code in" as "Head."
- Click "Apply."
2. Clear Cache
- Wix automatically clears its cache when you publish changes.
- After adding the script, publish your site to apply the changes.
5. Squarespace
1. Add the Script
Copy the script from your SERP360 dashboard under the Config section and:
- From your Squarespace Home Menu, go to Settings > Advanced > Code Injection.
- Paste the script into the "Header" field.
- Click "Save."
2. Clear Cache
- Squarespace automatically clears its cache when you save changes.
- After adding the script and saving, your changes should be live.
6. Webflow
1. Add the Script
Copy the script from your SERP360 dashboard under the Config section and:
- In your project, go to Project Settings > Custom Code.
- Paste the script into the "Head Code" section.
- Click "Save Changes" and then "Publish."
2. Clear Cache
- Webflow automatically clears its cache when you publish changes.
- After adding the script and publishing, your changes should be live.
7. Cloudflare (Additional Step for Any Platform)
If you're using Cloudflare, follow these steps after adding the script to your site:
1. Purge Cache
- Log in to your Cloudflare dashboard.
- Select your website.
- Go to the "Caching" tab.
- Click "Purge Everything" and confirm.
Note: After clearing Cloudflare's cache, changes may take up to 24 hours to fully propagate.
8. Google Tag Manager (GTM)
If you're using GTM, follow these steps to add the script:
1. Log in to GTM
- Open your GTM account and select the container for your website.
2. Create a New Tag
- Click "Add a new tag."
- Choose "Custom HTML" as the tag type.
- Paste the script from your SERP360 dashboard into the HTML field.
3. Set the Trigger
- Click "Triggering" and choose "All Pages."
- Click "Save."
4. Publish
- Click "Submit" and publish the container to apply the changes.
Final Steps for All Platforms
1. Verify Installation
After adding the script and clearing server caches, load your website and check the browser's developer tools (usually accessible by pressing F12) to ensure the script is loaded without errors. Look for the script under the "Network" or "Sources" tab.
2. Test the Script
Perform some interactions on your website to ensure the monitoring is working as expected.
Troubleshooting
If you encounter issues during or after installation, try the following:
- Ensure the script is correctly placed within your HTML or platform settings.
- Use browser developer tools (F12) to check if the script has loaded successfully. Look under the "Network" tab for any failed requests.
- If the script is blocked, check your Content Security Policy (CSP) headers. Add the following directive to allow the script:
script-src 'self' https://app.serp360.ai;