Matomo (formerly Piwik)

How to integrate Matomo with Webflow

Matomo provides powerful analytics capabilities that complement Webflow's design flexibility.

While Matomo doesn't offer an official Webflow app, you can leverage HTML embeds for quick setup or build custom integrations using the Matomo APIs for advanced tracking, automated reporting, and real-time data synchronization.

Use custom embeds and native features

The simplest method to add Matomo analytics involves embedding the JavaScript tracking code directly in Webflow. This approach requires no coding knowledge beyond copy-paste operations.

Site-wide tracking captures visitor data across all pages:

• Copy your tracking code from Matomo's Admin > Measurables > Tracking Code
• Navigate to Site Settings > Custom Code > Head Code in Webflow
• Paste the code and publish your site
• Verify data collection in Matomo's Visitors > Visits Log within 10-15 minutes

Page-specific tracking enables targeted event monitoring:

• Open the desired page in Webflow
• Access Page Settings > Custom Code
• Add event-specific code like form submission tracking
• Avoid duplicating the base tracking script to prevent inflated metrics

Matomo automatically tracks several interactions without additional configuration:

• File downloads (PDF, ZIP, DOC)
• Outbound link clicks
• Site search queries
• 404 error pages

For GDPR compliance, enable "Delay for Cookie Consent" in your tracking code to pause data collection until visitors accept cookies. This works seamlessly with Webflow's cookie consent solutions.

Build with Webflow and Matomo APIs

Direct API integration unlocks capabilities beyond basic tracking, such as automated reporting, user segmentation, and cross-platform analytics. This approach suits businesses needing custom dashboards, advanced e-commerce tracking, or multi-site management.

The Matomo API ecosystem includes four core components that work together:

• Reporting API for data extraction and custom segments
• Tracking API for server-side event capture
• Sites Management API for programmatic site configuration
• Tag Manager API for dynamic tracking deployment

Create custom analytics dashboards

Build tailored reporting interfaces using the Reporting API:

1. Extract processed reports: Use the API.getProcessedReport endpoint to fetch visitor demographics, page performance, or conversion data with proper formatting and metadata
2. Apply advanced segmentation: Filter reports using complex conditions like segment=countryCode==US;browserCode==CH to analyze specific user groups
3. Embed visualizations: Generate widget URLs via module=Widgetize&action=iframe to display Matomo charts directly in Webflow pages

The API.getBulkRequest method enables fetching multiple reports in one call, reducing server load when building comprehensive dashboards.

Implement server-side tracking

Enhance data accuracy using the Tracking API for events that client-side JavaScript might miss:

1. Configure HTTP tracking: Send pageviews and events via POST requests to /matomo.php with parameters like idsite, url, and action_name
2. Track sensitive conversions: Capture purchase events server-side to bypass ad blockers and ensure 100% data collection
3. Enable bulk tracking: Submit multiple events in JSON format to reduce HTTP overhead for high-traffic sites

Server-side tracking requires a backend service (AWS Lambda, Netlify Functions) since Webflow doesn't execute server code directly.

Automate multi-site management

Streamline analytics deployment across Webflow projects using the Sites Management API:

1. Programmatically create sites: Use SitesManager.addSite when launching new Webflow projects to automatically configure tracking
2. Generate tracking codes: Call SitesManager.getJavascriptTag to retrieve pre-configured scripts for each site
3. Manage site settings: Update URLs, timezones, and currencies via API as your Webflow sites evolve

This eliminates manual configuration and ensures consistent analytics setup across your portfolio.

What you can build

Integrating Matomo with Webflow enables powerful analytics solutions that respect user privacy while delivering actionable insights.

• Privacy-compliant e-commerce stores: Track product views, cart additions, and purchases without sharing customer data with third parties, using Matomo's built-in e-commerce analytics and GDPR-compliant tracking methods
• Conversion-optimized landing pages: Implement A/B testing, heatmaps (note: premium plugin required), and funnel analysis to identify drop-off points and optimize user journeys from initial visit to conversion
• Multi-language global sites: Leverage Matomo's automatic language detection and custom dimensions to analyze user behavior across different locales and optimize content for each market
• Membership portals with user analytics: Track individual user journeys across sessions using User ID tracking while maintaining privacy through pseudonymization and data anonymization features