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.

Desk9 Design

<p>Image Credit Companion (ICC) is a comprehensive WordPress plugin designed to help content creators and editors properly track, manage, and display image attribution information. Whether you’re running a news site, blog, or any content-driven website, ICC ensures you maintain proper image credits and comply with licensing requirements.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Automatic Image Detection</strong>: Automatically scans and tracks images used in posts, supporting both Gutenberg blocks and Classic Editor content</li>
<li><strong>Editor-Friendly Interface</strong>: Gutenberg sidebar panel for easy metadata management during content creation</li>
<li><strong>Flexible Output Options</strong>: Display image sources via shortcodes, dynamic blocks, or automatic footer injection</li>
<li><strong>Comprehensive Admin Interface</strong>: Site-wide overview with filtering, bulk editing, and usage statistics</li>
<li><strong>Template System</strong>: Customizable output templates with theme override support</li>
<li><strong>Performance Optimized</strong>: Efficient database design with caching and indexed queries</li>
<li><strong>Security First</strong>: Proper sanitization, validation, and capability-based access control</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>
<p><strong>Detection</strong>: When you save a post, ICC automatically scans the content for images in various formats:</p>
<ul>
<li>Gutenberg blocks (Image, Gallery, Cover, Media & Text)</li>
<li>Classic Editor HTML content</li>
<li>Inline images in paragraph blocks</li>
</ul>
</li>
<li>
<p><strong>Storage</strong>: Image usage is tracked in a custom database table, while metadata (author, source, license) is stored as attachment post meta</p>
</li>
<li>
<p><strong>Management</strong>: Editors can add metadata through:</p>
<ul>
<li>Gutenberg sidebar panel (per-post view)</li>
<li>Media modal (global attachment editing)</li>
<li>Admin bulk editing interface</li>
</ul>
</li>
<li>
<p><strong>Display</strong>: Image sources can be shown using:</p>
<ul>
<li>Shortcodes: <code>[imagcrco_image_sources]</code> or <code>[imagcrco_post_image_sources]</code></li>
<li>Dynamic block: “Image Sources” block</li>
<li>Automatic footer injection (configurable)</li>
</ul>
</li>
</ol>
<h4>Supported Image Sources</h4>
<ul>
<li>Core Image blocks</li>
<li>Gallery blocks</li>
<li>Cover blocks</li>
<li>Media & Text blocks</li>
<li>Classic Editor HTML images</li>
<li>Inline images in paragraph blocks</li>
</ul>
<h4>Output Formats</h4>
<ul>
<li><strong>Unordered List</strong>: Clean bullet-point format</li>
<li><strong>Ordered List</strong>: Numbered list format</li>
<li><strong>Inline</strong>: Comma-separated inline format</li>
</ul>
<h4>Template Customization</h4>
<p>ICC supports theme overrides for complete customization. Create templates in your theme:</p>
<ul>
<li><code>yourtheme/image-credit-companion/list-ul.php</code></li>
<li><code>yourtheme/image-credit-companion/list-ol.php</code></li>
<li><code>yourtheme/image-credit-companion/list-inline.php</code></li>
</ul>
<h3>Usage Examples</h3>
<h4>Basic Shortcode Usage</h4>
<p>Display image sources for the current post:<br />
    [imagcrco_image_sources]</p>
<p>Display all image sources site-wide:<br />
    [imagcrco_image_sources scope=”site”]</p>
<p>Display with specific formatting:<br />
    [imagcrco_image_sources list=”ol” show_missing=”true”]</p>
<p><strong>Note:</strong> For backward compatibility, the legacy shortcodes <code>[image_sources]</code> and <code>[post_image_sources]</code> are still supported but the prefixed versions above are recommended.</p>
<h4>Advanced Shortcode Attributes</h4>
<ul>
<li><code>scope</code>: “post” (default) or “site”</li>
<li><code>post_id</code>: Specific post ID (for post scope)</li>
<li><code>list</code>: “ul” (default), “ol”, or “inline”</li>
<li><code>show_missing</code>: “true” or “false” (default: false)</li>
</ul>
<h4>Dynamic Block Usage</h4>
<ol>
<li>Add the “Image Sources” block to your post or page</li>
<li>Configure the block settings in the sidebar</li>
<li>Choose scope, list style, and other options</li>
<li>The block will automatically display the appropriate image sources</li>
</ol>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit the <a href="https://wordpress.org/support/plugin/image-credit-companion/" rel="ugc">plugin support forum</a>.</p>
<h3>Privacy Policy</h3>
<p>This plugin does not collect, store, or transmit any personal data. All image metadata is stored locally on your WordPress installation and is not shared with external services.</p>
<h3>Credits</h3>
<p>Developed with ❤️ for the WordPress community. Special thanks to all contributors and testers who helped make this plugin possible.</p>


Image Credit Companion

Track and display image attribution. Add author, source, and license info to images with automatic detection and flexible output options.

Form Attribution Tracking vs Image Credit Companion