Webflow

Overview

Alytica is a lightweight, privacy-focused web analytics tool designed to provide deep insights into Webflow website performance with minimal performance overhead. Our solution offers comprehensive tracking of page views, user interactions, and custom events.

Key Features

• Automatic page view tracking
• Custom event logging
• Performance-optimized script
• Session and visitor identification
• Webflow-specific tracking capabilities

Integration Steps

1. Create a Project

First create a project from your Alytica dashboard by clicking the button "New Website"

2. Add Alytica Script

For Webflow, you have multiple integration approaches:

Option 1: Head Embed

1. Go to Project Settings
2. Navigate to "Custom Code"
3. Add to "Head Code" section:

<script
  src="https://alytica.tech/js/tracker.js"
  data-website-id="YOUR_WEBSITE_ID"
  data-domain="yourdomain.webflow.io"
></script>

Option 2: Page Embed

1. Open Webflow Designer
2. Add "Embed" element
3. Paste tracking script
4. Set to load on all pages:

<script
  src="https://alytica.tech/js/tracker.js"
  data-website-id="YOUR_WEBSITE_ID"
  data-domain="yourdomain.webflow.io"
></script>

3. Track Custom Events

Utilize the global window.alytica() function for tracking:

// Track product purchases
window.alytica('payment', {
    amount: 49.99,
    email:'customer@email.com'
});
 
// Track user account creation
window.alytica('signup', {
    email:'user@email.com'
});
 
// Track custom events
window.alytica('feature_used', { 
    feature: 'dark-mode' 
});

Best Practices

• Always include website ID and domain attributes
• Ensure script loads on all pages
• Use window.alytica() for custom event tracking
• Avoid multiple script insertions

Testing Your Integration

1. Click the Verify Script button in the setup form
   • Successful verification confirms correct installation
2. Check Network tab for https://alytica.tech/api/track-visit calls
3. Verify custom events are being sent
4. Use Alytica's dashboard for comprehensive insights

Conclusion

Alytica provides a simple, performance-friendly analytics solution for Webflow websites. Follow these steps to gain valuable insights into user behavior with minimal configuration.

Visit Alytica Dashboard →