FunnelFuel ABM Insights Extractor

Transforming page views into pipeline with B2B-focused analytics

Customer Success Analytics

HVA Tracking Script Generator

Generate custom JavaScript tracking code for high-value actions on your website

Script Configuration
Goals and segments will be automatically created in Matomo
Testing mode adds detailed console logging for debugging
Tracking Events Configuration

Define the high-value actions you want to track

Event 1
Step-by-Step Implementation Guide
1
Configure Your Events

Fill out the form above with your tracking events. For each event:

  • Category: Group similar actions (Form, Button, Download)
  • Action: What happens (submit, click, download)
  • Label: Descriptive name for reports
  • Auto-Track: Enable for automatic tracking
2
Download & Install Script

After clicking "Generate", add the script to your website:

<!-- Replace your existing FunnelFuel tracking code with this enhanced version -->
<script src="path/to/hva_tracking.js"></script>

Important: This script includes the FunnelFuel base tracking code. Remove any existing FunnelFuel tracking to avoid conflicts.

3
Trigger Events (Manual Only)

For events with Auto-Track disabled, trigger manually:

// Example: Track button click
document.getElementById('signup-btn').addEventListener('click', function() {
    trackEvent1(); // Calls your first event
});

// Example: Track form submission
document.getElementById('contact-form').addEventListener('submit', function() {
    trackFormSubmission('Contact Form', []);
});
4
Test Your Tracking

Enable Testing Mode for debugging:

  • Check browser console for tracking logs
  • Verify events appear in Matomo Real-time report
  • Test goal conversions if using Goal IDs
Common Implementation Examples
Form Submissions
Event Configuration:
  • Category: "Form"
  • Action: "submit"
  • Label: "Contact Us Form"
  • Auto-Track: OFF
Multiple Implementation Options:
<!-- Option 1: Standard Function Call -->
<form id="contact-form" onsubmit="trackEvent1(); return true;">
  <!-- form fields -->
  <button type="submit">Submit</button>
</form>

<!-- Option 2: Google Sheets HVA Syntax (Automatically Mapped) -->
<script>
// Your Contact Form Example:
window.dispatchEvent(new CustomEvent("ANALYTICS.HVA", {detail: {
    type: 'hva.formsubmit',
    formName: 'contact-us-form',
    parentPage: 'form_start:Contact Us:Website',
    assetId: 'ff-contact-001',
    assetType: 'leadform',
    assetTitle: 'Contact Us – FunnelFuel',
    emid: email,
    pp: 'standard:blind-submit:soft-gate:post'
}}));
// Maps to: Category="Lead Forms", Action="Form Submitted", 
// Label="Contact Us – FunnelFuel | ID:ff-contact-001 | Form:contact-us-form | Gate:soft-gate"
</script>
Button Clicks
Event Configuration:
  • Category: "Button"
  • Action: "click"
  • Label: "Free Trial Button"
  • Auto-Track: OFF
HTML Implementation:
<button onclick="trackEvent1();">
  Start Free Trial
</button>

<!-- Or with addEventListener -->
<script>
document.getElementById('trial-btn').addEventListener('click', function() {
    trackEvent1();
});
</script>

<!-- Note: HVA script includes FunnelFuel base tracking -->
File Downloads
Event Configuration:
  • Category: "Download"
  • Action: "file"
  • Label: "Product Brochure"
  • Auto-Track: OFF
HTML Implementation:
<a href="brochure.pdf" onclick="trackEvent1();">
  Download Brochure
</a>

<!-- Or auto-track all PDF downloads -->
<script>
document.querySelectorAll('a[href$=".pdf"]').forEach(link => {
    link.addEventListener('click', () => trackEvent1());
});
</script>
Pro Tip: Use Auto-Track for events that happen automatically (page loads, time-based triggers). Turn off Auto-Track for events that need specific user interactions (clicks, submissions).
FunnelFuel Integration: The generated script includes the complete FunnelFuel base tracking code. Replace your existing FunnelFuel tracking snippet with the generated script to avoid conflicts and ensure proper tracking.
Google Sheets Compatible: The script automatically listens for your existing ANALYTICS.HVA CustomEvent format with intelligent mapping:
  • Category: Mapped from type + assetType (e.g., "Forms", "Lead Forms", "Whitepapers")
  • Action: Mapped from type (e.g., "Form Submitted", "Asset Downloaded")
  • Label: Built from assetTitle | ID | Form | Gate details
View Complete Mapping Guide