Ryan Howard

Pavlo Samsonov

<p>Track the complete customer journey from first click to conversion with referral and Google Ads attribution data captured in your WordPress forms.</p>
<h3>Overview</h3>
<p>Form Attribution Tracking is a WordPress plugin that automatically captures and stores complete attribution data from Google Ads campaigns (and other traffic sources) directly in form submissions. This enables you to connect specific leads back to their originating campaigns, keywords, and ads in Google Ads for accurate conversion tracking and ROI measurement.</p>
<p>The plugin uses first-touch attribution, meaning it captures the visitor’s original traffic source on their first visit and maintains that data through their entire journey until they convert via a form submission.</p>
<h3>Key Features</h3>
<h3>Complete Google Ads Attribution Data</h3>
<p>Automatically captures 8 attribution fields for every form submission:</p>
<ul>
<li><strong>Attribution Source</strong> – Traffic source (google, facebook, direct, etc.)</li>
<li><strong>Attribution Medium</strong> – Traffic medium (cpc, organic, referral, etc.)</li>
<li><strong>Attribution Campaign</strong> – Campaign name from utm_campaign</li>
<li><strong>Attribution Term</strong> – Keyword from utm_term</li>
<li><strong>Attribution Content</strong> – Ad variation from utm_content</li>
<li><strong>Google Click ID (GCLID)</strong> – Direct link to the specific Google Ads click</li>
<li><strong>Landing Page</strong> – The first page the visitor landed on</li>
<li><strong>First Click Timestamp</strong> – When the visitor first arrived</li>
</ul>
<h3>Google Ads Conversion Tracking</h3>
<p>The Google Click ID (GCLID) field enables you to:<br />
– Import conversions directly back into Google Ads<br />
– Connect form submissions to specific ad clicks<br />
– Measure true campaign ROI based on actual leads/sales<br />
– Track the complete path from ad click to conversion<br />
– Attribute conversions to the exact keyword and ad that drove them</p>
<h3>Smart Tracking Technology</h3>
<ul>
<li><strong>First-Touch Attribution</strong> – Captures original source, not last-click</li>
<li><strong>Cookie Persistence</strong> – Maintains attribution data across multiple sessions (configurable 1-365 days)</li>
<li><strong>JavaScript + PHP Fallback</strong> – Dual-layer tracking ensures data capture even if JavaScript is disabled</li>
<li><strong>Dynamic Form Support</strong> – Mutation observer watches for forms loaded via AJAX</li>
<li><strong>UTM Parameter Detection</strong> – Automatically parses and stores all UTM parameters</li>
<li><strong>Intelligent Source Categorization</strong> – Recognizes and categorizes traffic from Google, Facebook, LinkedIn, and 15+ other platforms</li>
</ul>
<h3>Universal Form Plugin Support</h3>
<p>Works seamlessly with:<br />
– <strong>Gravity Forms</strong><br />
– <strong>Fluent Forms</strong><br />
– <strong>Formidable Forms</strong></p>
<p>Modular architecture makes it easy to extend to other form plugins.</p>
<h3>Comprehensive Admin Dashboard</h3>
<ul>
<li><strong>Statistics Dashboard</strong> – View submission counts, attribution source distribution, and recent activity</li>
<li><strong>Form Management</strong> – See which forms have attribution tracking and bulk-add fields to all forms</li>
<li><strong>Debug Mode</strong> – Browser console logging for troubleshooting</li>
<li><strong>Flexible Configuration</strong> – Customize cookie duration and auto-add behavior</li>
</ul>
<h3>How It Works</h3>
<h3>Data Capture Flow</h3>
<ol>
<li>
<p><strong>Visitor Arrives</strong> – When someone visits your site, the JavaScript tracking code immediately captures:</p>
<ul>
<li>All UTM parameters from the URL</li>
<li>Google Click ID (GCLID) if present</li>
<li>HTTP referrer to determine traffic source</li>
<li>Current page URL as landing page</li>
<li>Current timestamp</li>
</ul>
</li>
<li>
<p><strong>Attribution Stored</strong> – All data is packaged as JSON and stored in a first-party cookie with your configured expiration (default 30 days)</p>
</li>
<li>
<p><strong>First-Touch Persistence</strong> – If the visitor returns multiple times before converting, the original attribution data is preserved (not overwritten)</p>
</li>
<li>
<p><strong>Form Submission</strong> – When the visitor fills out a form, the tracking code automatically:</p>
<ul>
<li>Reads the stored attribution data</li>
<li>Populates hidden fields in the form</li>
<li>Submits with the complete attribution chain</li>
</ul>
</li>
<li>
<p><strong>PHP Fallback</strong> – If JavaScript fails to populate fields, the PHP integration captures attribution server-side before form processing</p>
</li>
</ol>
<h3>Integration with Google Ads</h3>
<p>To enable conversion imports in Google Ads:</p>
<ol>
<li>Forms will capture the GCLID parameter automatically from your ad URLs</li>
<li>Export your form submissions (including attribution fields) as CSV</li>
<li>In Google Ads, navigate to Tools <span aria-hidden="true" class="wp-exclude-emoji">→</span> Conversions <span aria-hidden="true" class="wp-exclude-emoji">→</span> Uploads</li>
<li>Create a conversion action using the GCLID field to match conversions</li>
<li>Upload your leads with timestamps and GCLIDs</li>
<li>Google Ads will attribute the conversions to the exact campaigns, ad groups, keywords, and ads that generated them</li>
</ol>
<p>This creates a closed feedback loop between your ad spend and actual business results.</p>
<h3>Configuration</h3>
<h3>Settings</h3>
<p>Access settings via <strong>Form Attribution Tracking <span aria-hidden="true" class="wp-exclude-emoji">→</span> Settings</strong>:</p>
<ul>
<li><strong>Auto-add to new forms</strong> – Automatically adds all 8 attribution fields when new forms are created</li>
<li><strong>Cookie Duration</strong> – How long to preserve first-touch attribution data (1-365 days, default 30)</li>
<li><strong>Debug Mode</strong> – Enables detailed logging in browser console for troubleshooting</li>
</ul>
<h3>Managing Existing Forms</h3>
<p>Use the <strong>Manage Forms</strong> tab to:<br />
– View all forms and their attribution tracking status<br />
– Bulk-add attribution fields to all existing forms with one click<br />
– See which forms already have tracking enabled</p>
<h3>Statistics</h3>
<p>The <strong>Statistics</strong> tab provides:<br />
– Total submissions tracked across all forms<br />
– Breakdown of traffic sources (Google, Facebook, Direct, etc.)<br />
– Recent form submissions with their attribution data<br />
– Forms-with-tracking count</p>
<h3>Usage</h3>
<h3>For Marketers</h3>
<p>Once installed and configured, the plugin works automatically. Every form submission will include complete attribution data that you can:</p>
<ul>
<li>Export to CSV and upload to Google Ads for conversion tracking</li>
<li>Analyze in your CRM to understand which campaigns drive the best leads</li>
<li>Use to calculate true cost-per-lead and ROI by campaign</li>
<li>Review to optimize your landing pages and ad targeting</li>
</ul>
<h3>For Developers</h3>
<h4>JavaScript API</h4>
<p>The plugin exposes a global API for programmatic access:</p>
<pre><code>`javascript
</code></pre>
<p>// Get full attribution data object<br />
const attribution = window.FormAttributionTracking.getAttributionData();<br />
// Returns: { utm_source, utm_medium, utm_campaign, utm_term, utm_content, gclid, landing_page, timestamp }</p>
<p>// Get just the traffic source (legacy method)<br />
const source = window.FormAttributionTracking.getReferralSource();</p>
<p>// Manually trigger form field population<br />
window.FormAttributionTracking.populateFormFields();</p>
<p>// Access configuration<br />
const config = window.FormAttributionTracking.config;<br />
    `</p>
<h4>JavaScript Events</h4>
<p>Listen for when attribution data is populated:</p>
<pre><code>`javascript
</code></pre>
<p>window.addEventListener(‘attributionDataPopulated’, function(event) {<br />
    console.log(‘Attribution captured:’, event.detail.attribution);<br />
    console.log(‘Fields populated:’, event.detail.fieldsCount);<br />
});<br />
    `</p>
<h4>PHP Hooks and Filters</h4>
<p>Extend or customize the plugin:</p>
<pre><code>`php
</code></pre>
<p>// Add custom form plugin integration<br />
add_filter(‘attribution_tracking_integrations’, function($integrations) {<br />
    $integrations[‘CustomForms’] = new CustomFormsIntegration();<br />
    return $integrations;<br />
});</p>
<p>// React to integration initialization<br />
add_action(‘attribution_tracking_integration_initialized’, function($integration_name) {<br />
    error_log(“Attribution tracking initialized for: ” . $integration_name);<br />
});</p>
<p>// Hook into debug logging<br />
add_action(‘form_referral_source_debug_log’, function($message, $context, $source) {<br />
    error_log(“[$source] $message: ” . print_r($context, true));<br />
}, 10, 3);<br />
    `</p>
<h3>Attribution Field Names</h3>
<p>The plugin creates these hidden fields in your forms:</p>
<ul>
<li><code>attribution_source</code> – Traffic source identifier</li>
<li><code>attribution_medium</code> – Marketing medium</li>
<li><code>attribution_campaign</code> – Campaign name</li>
<li><code>attribution_term</code> – Keyword/search term</li>
<li><code>attribution_content</code> – Ad content variation</li>
<li><code>attribution_gclid</code> – Google Ads Click ID</li>
<li><code>attribution_landing_page</code> – First page visited</li>
<li><code>attribution_timestamp</code> – ISO 8601 timestamp of first visit</li>
</ul>
<p>All fields are automatically populated by JavaScript and have PHP fallbacks.</p>
<h3>Traffic Source Detection</h3>
<p>The plugin intelligently categorizes traffic sources:</p>
<h3>UTM Parameters (Highest Priority)</h3>
<p>If UTM parameters are present in the URL, they are captured exactly as provided.</p>
<h3>Known Platforms (Automatic Categorization)</h3>
<p>The plugin recognizes and categorizes referrers from:<br />
– Google (google.com, google.co.uk, etc.)<br />
– Facebook (facebook.com, fb.com, m.facebook.com)<br />
– Twitter/X (twitter.com, x.com, t.co)<br />
– LinkedIn (linkedin.com, lnkd.in)<br />
– YouTube (youtube.com, youtu.be)<br />
– Instagram (instagram.com)<br />
– TikTok (tiktok.com)<br />
– Pinterest (pinterest.com, pin.it)<br />
– Reddit (reddit.com)<br />
– Bing (bing.com)<br />
– Yahoo (yahoo.com)<br />
– DuckDuckGo (duckduckgo.com)</p>
<h3>Generic Referrals</h3>
<p>For unlisted referrers, the clean hostname is stored (e.g., “example.com”)</p>
<h3>Direct Traffic</h3>
<p>When no referrer or UTM parameters are present, traffic is marked as “direct”</p>
<h3>Troubleshooting</h3>
<h3>Attribution Data Not Being Captured</h3>
<ol>
<li><strong>Enable Debug Mode</strong> in plugin settings</li>
<li>Open browser console (F12) and check for “[Referral Source]” log messages</li>
<li>Verify cookies are enabled in the browser</li>
<li>Check that JavaScript is not being blocked</li>
</ol>
<h3>Fields Not Populating in Forms</h3>
<ol>
<li>Enable Debug Mode and check console for “Field populated” messages</li>
<li>Verify the form fields exist (check Manage Forms tab)</li>
<li>Test with a fresh browser/incognito window</li>
<li>Check that the form HTML includes the expected hidden field names</li>
</ol>
<h3>Forms Not Showing in Dashboard</h3>
<ol>
<li>Verify your form plugin (Gravity Forms, Fluent Forms, or Formidable Forms) is active</li>
<li>Check that you have forms created in that plugin</li>
<li>Look for PHP errors in debug.log if WP_DEBUG is enabled</li>
</ol>
<h3>GCLID Not Being Captured</h3>
<ol>
<li>Verify your Google Ads URLs include the {gclid} parameter</li>
<li>Use Google’s Campaign URL Builder to test: https://ga-dev-tools.google/campaign-url-builder/</li>
<li>Check that cookies are working (GCLID is stored in the attribution cookie)</li>
<li>Enable Debug Mode to see what parameters are being captured</li>
</ol>
<h3>Extending the Plugin</h3>
<h3>Adding Support for Other Form Plugins</h3>
<p>Create a new integration class:</p>
<pre><code>`php
</code></pre>
<p><?php<br />
namespace FormAttributionTracking\Integrations;</p>
<p>use FormAttributionTracking\Abstracts\AbstractFormIntegration;</p>
<p>class CustomFormPluginIntegration extends AbstractFormIntegration<br />
{<br />
    public function isAvailable(): bool {<br />
        return class_exists(‘CustomFormPlugin’);<br />
    }</p>
<pre><code>public function getName(): string {
    return 'Custom Form Plugin';
}

public function getVersion(): string {
    return '1.0.0';
}

protected function registerHooks(): void {
    // Hook into your form plugin's save/render events
    add_action('custom_form_save', [$this, 'onFormSaved'], 10, 2);
}

public function addReferralSourceField(int $formId): bool {
    // Implement logic to add hidden fields to forms
}

public function removeReferralSourceField(int $formId): bool {
    // Implement logic to remove hidden fields
}

public function hasReferralSourceField(int $formId): bool {
    // Check if form has attribution fields
}

public function getAllForms(): array {
    // Return array of all forms
}
</code></pre>
<p>}<br />
    `</p>
<p>Register your integration:</p>
<pre><code>`php
</code></pre>
<p>add_filter(‘attribution_tracking_integrations’, function($integrations) {<br />
    $integrations[‘CustomFormPlugin’] = new CustomFormPluginIntegration();<br />
    return $integrations;<br />
});<br />
    `</p>
<h3>Architecture</h3>
<p>The plugin uses a clean, modern PHP 8+ architecture:</p>
<pre><code>`
</code></pre>
<p>src/<br />
├── Contracts/<br />
│   └── FormIntegrationInterface.php    # Interface all integrations must implement<br />
├── Abstracts/<br />
│   └── AbstractFormIntegration.php     # Base class with common functionality<br />
├── Integrations/<br />
│   ├── GravityFormsIntegration.php     # Gravity Forms support<br />
│   ├── FluentFormsIntegration.php      # Fluent Forms support<br />
│   └── FormidableFormsIntegration.php  # Formidable Forms support<br />
├── Views/<br />
│   └── admin-page.php                  # Admin dashboard template<br />
└── Plugin.php                          # Main plugin orchestration class<br />
    `</p>
<h3>Privacy & Compliance</h3>
<p>This plugin stores first-party cookies to maintain attribution data. Consider these compliance aspects:</p>
<ul>
<li><strong>Cookie Duration</strong>: Configurable 1-365 days (default 30)</li>
<li><strong>Data Stored</strong>: Marketing attribution data only (no PII)</li>
<li><strong>First-Party Cookies</strong>: Data stays on your domain</li>
<li><strong>User Control</strong>: Respects browser cookie settings</li>
<li><strong>GDPR</strong>: Consider adding cookie consent notices per your requirements</li>
<li><strong>Data Retention</strong>: Attribution data is only stored in form submissions per your form plugin’s data retention policies</li>
</ul>
<h3>Support & Contributing</h3>
<p>For bug reports, feature requests, or contributions:</p>
<ul>
<li>Plugin Author: Ryan Howard</li>
<li>Website: https://www.ryanhoward.dev</li>
<li>Text Domain: form-attribution-tracking</li>
</ul>
<h3>License</h3>
<p>This plugin is licensed under the GPL v2 or later.</p>


Form Attribution Tracking

Track the complete customer journey from first click to conversion with referral and Google Ads attribution data captured in your WordPress forms.

Hugo Carvalho

<p>ClickTrail stores attribution data from landing pages and keeps it available for later form submissions, WooCommerce orders, and event flows.</p>
<p>In WooCommerce, ClickTrail stores attribution on the order, pushes enriched purchase events on the thank-you page, and can optionally emit GA4-style storefront events for <code>view_item</code>, <code>view_item_list</code>, <code>view_cart</code>, <code>add_to_cart</code>, <code>remove_from_cart</code>, and <code>begin_checkout</code>, plus post-purchase milestones, through the same ClickTrail pipeline.</p>
<p>It is designed for cases where attribution often breaks in practice: cached pages, dynamic forms, multi-page journeys, repeat visits, consent requirements, and optional server-side delivery.</p>
<p>The plugin keeps first-touch and last-touch context available until the conversion point and makes that context usable inside WordPress.</p>
<p>It captures first-touch and last-touch source data, keeps it available during the user journey, and makes that data usable where conversions actually happen:</p>
<ul>
<li>WooCommerce orders</li>
<li>supported forms</li>
<li>browser events</li>
<li>optional server-side delivery</li>
</ul>
<p>Teams can start with order or form attribution first, then add browser events, consent handling, or server-side transport when needed.</p>
<h4>What problems it solves</h4>
<ul>
<li><strong>WooCommerce orders losing source data</strong>: Paid traffic often ends up looking like direct traffic by the time an order is placed. ClickTrail stores attribution on the order and keeps purchase reporting tied to campaign context.</li>
<li><strong>Checkout continuity breaking before purchase</strong>: WooCommerce storefront journeys can now emit opt-in <code>view_item</code>, <code>view_item_list</code>, <code>view_cart</code>, <code>add_to_cart</code>, <code>remove_from_cart</code>, and <code>begin_checkout</code> signals through the same ClickTrail event layer used elsewhere in the plugin.</li>
<li><strong>Cached or dynamic forms</strong>: Hidden fields often break on cached pages or AJAX-rendered forms. ClickTrail includes client-side fallback and dynamic-content support.</li>
<li><strong>Cross-domain breaks</strong>: Approved link decoration and attribution tokens help keep continuity between domains or subdomains.</li>
<li><strong>Consent and transport complexity</strong>: Consent controls, browser events, webhook intake, and server-side transport live in the same plugin.</li>
</ul>
<h4>Core capabilities</h4>
<ul>
<li><strong>Capture</strong>: first-touch and last-touch UTMs, major ad click IDs, and referrers with automatic organic/social/referral fallback when UTMs are absent.</li>
<li><strong>WooCommerce</strong>: checkout attribution persistence, thank-you purchase event push, enriched commerce payloads, optional storefront commerce events, and optional order-status milestones.</li>
<li><strong>Forms</strong>: automatic hidden-field enrichment for Contact Form 7 and Fluent Forms, compatible hidden-field population for Gravity Forms and WPForms, client-side fallback, dynamic form support, and WhatsApp attribution continuity.</li>
<li><strong>Events</strong>: browser event collection with <code>dataLayer</code> pushes, canonical REST intake, webhook ingestion, lifecycle updates, one-time WordPress follow-up events such as <code>login</code>, <code>sign_up</code>, and <code>comment_submit</code>, and optional WooCommerce storefront events.</li>
<li><strong>Delivery</strong>: optional server-side transport, retry queue, diagnostics, consent-aware dispatch, and failure telemetry.</li>
</ul>
<h4>What is new in 1.5.2</h4>
<p>This maintenance release focuses on code-quality cleanup and standards compliance without changing runtime behavior:</p>
<ul>
<li><strong>Line-ending cleanup</strong>: normalized mixed line endings in key PHP handlers so packaging and standards checks stay consistent across environments.</li>
<li><strong>Standards cleanup</strong>: resolved PHPCS findings in the consent, attribution-token, and privacy handlers, including targeted documentation for intentional exceptions.</li>
<li><strong>No runtime change</strong>: behavior remains the same as <code>1.5.1</code>; this is a maintenance release focused on code hygiene.</li>
</ul>
<h4>Current admin structure</h4>
<p>The main settings experience is organized by capability:</p>
<ul>
<li>Capture</li>
<li>Forms</li>
<li>Events</li>
<li>Delivery</li>
</ul>
<p>Operational screens stay separate:</p>
<ul>
<li>Logs</li>
<li>Diagnostics</li>
</ul>
<h4>Supported integrations</h4>
<ul>
<li><strong>Forms</strong>: Contact Form 7, Elementor Forms (Pro), Fluent Forms, Gravity Forms, Ninja Forms, WPForms</li>
<li><strong>Commerce</strong>: WooCommerce</li>
<li><strong>CMP sources</strong>: ClickTrail banner, Cookiebot, OneTrust, Complianz, GTM, custom</li>
<li><strong>Webhook providers</strong>: Calendly, HubSpot, Typeform</li>
<li><strong>Server-side adapters</strong>: Generic collector, sGTM, Meta CAPI, Google Ads / GA4, LinkedIn CAPI, Pinterest Conversions API, TikTok Events API</li>
</ul>
<h4>Forms behavior by plugin</h4>
<ul>
<li><strong>Contact Form 7 and Fluent Forms</strong>: ClickTrail can add hidden attribution fields automatically.</li>
<li><strong>Gravity Forms and WPForms</strong>: ClickTrail can populate matching hidden fields you add to the form.</li>
<li><strong>Recommended for Gravity Forms and WPForms</strong>: add the hidden fields you want stored or exported, and ClickTrail will fill them.</li>
<li><strong>Elementor Forms (Pro)</strong>: ClickTrail uses the available submission hooks and attribution fallback, not automatic hidden-field injection.</li>
<li><strong>Ninja Forms</strong>: ClickTrail stores attribution with the submission and surfaces it in the submission record, not as automatic hidden-field injection.</li>
</ul>
<h4>Supported click IDs</h4>
<ul>
<li>Google: <code>gclid</code>, <code>wbraid</code>, <code>gbraid</code></li>
<li>Meta: <code>fbclid</code></li>
<li>TikTok: <code>ttclid</code></li>
<li>Microsoft: <code>msclkid</code></li>
<li>X / Twitter: <code>twclid</code></li>
<li>LinkedIn: <code>li_fat_id</code></li>
<li>Snapchat: <code>sccid</code></li>
<li>Pinterest: <code>epik</code></li>
</ul>
<h4>Additional capture fields</h4>
<ul>
<li>Extended UTMs: <code>utm_id</code>, <code>utm_source_platform</code>, <code>utm_creative_format</code>, <code>utm_marketing_tactic</code></li>
<li>Browser/platform identifiers: <code>fbc</code>, <code>fbp</code>, <code>_ttp</code>, <code>li_gc</code>, <code>ga_client_id</code>, <code>ga_session_id</code></li>
</ul>


ClickTrail – UTM, Click ID & Ad Tracking (with Consent)

Consent-aware attribution for WooCommerce, WordPress forms, and event flows. Capture UTMs and click IDs across conversion paths.

Form Attribution Tracking vs ClickTrail – UTM, Click ID & Ad Tracking (with Consent)