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.

wpplugged

<p>Picnote lets you easily manage and display image credits, attributions, and licenses on your WordPress website. Perfect for photographers, news sites, magazines, and any content creator who needs to properly attribute their images.</p>
<h4>Use Cases</h4>
<ul>
<li>Photography Portfolios: Properly credit photographers and maintain image rights</li>
<li>News & Magazine Sites: Display source attributions professionally</li>
<li>Educational Websites: Maintain academic integrity with proper image citations</li>
<li>Agency Websites: Track and display image licenses across client projects</li>
<li>Content Publishers: Streamline image attribution workflow</li>
</ul>
<h4>Core Features</h4>
<ul>
<li>Add custom annotations (credits, sources) to any image in your media library</li>
<li>Display annotations as overlays on images or below them</li>
<li>Create a list of image credits at the bottom of posts</li>
<li>Global annotations list via shortcode <code>[pn_global_list]</code></li>
<li>Default annotation text to speed up the process of adding new images of the same author</li>
<li>Support for Creative Commons licenses</li>
<li>Predefined styles</li>
</ul>
<h4>Pro Features</h4>
<p>Upgrade to PRO for advanced customization and time-saving features:</p>
<ul>
<li>
<p>Enhanced Customization</p>
<ul>
<li>Custom header tags (h2-h6) for annotation lists</li>
<li>Full appearance control (colors, fonts, spacing)</li>
<li>More predefined styles</li>
</ul>
</li>
<li>
<p>Advanced Control</p>
<ul>
<li>Support for inline and CSS background images</li>
<li>Choose post types for indexing and overlay display</li>
<li>Additional shortcode <code>[pn_list]</code> for flexible placement</li>
</ul>
</li>
<li>
<p>Bulk Management</p>
<ul>
<li>Dedicated image annotations management page</li>
<li>Bulk edit titles, annotations, licenses and links</li>
<li>Quick preview of image usage across your site</li>
<li>Filters to help you find images you are looking for</li>
</ul>
</li>
</ul>
<h4>Easy to Set Up</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Add annotations in your media library</li>
<li>Choose your preferred display style</li>
<li>Optional: Configure global settings and customize appearance</li>
</ol>


Picnote Image Annotations

Add professional source attributions and licenses to images in your WordPress content with overlays and organized lists.

Form Attribution Tracking vs Picnote Image Annotations