🔗 Google Ads Click IDs

✅ 3.2. Make them available to GTM

In GTM, create URL variables:

1. Go to Variables → New → URL.
2. Variable Type: URL.
3. Component Type: Query.
4. Query Key:
   • gclid
   • wbraid
   • gbraid
5. Give them names, e.g.:
   • url_gclid
   • url_wbraid
   • url_gbraid

You can then send these values as GA4 event parameters or to other tags (e.g., server-side endpoint).

✅ 3.3. Optionally store them in localStorage / cookie

This helps when:

• The user arrives with ?gclid=... on one page,
• But converts later on another page without the parameter.

Simple client-side approach:

// Example utility you can include in your page
(function storeClickIds() {
  if (!window.URLSearchParams) return;

  const params = new URLSearchParams(window.location.search);
  const clickIds = ['gclid', 'wbraid', 'gbraid'];

  clickIds.forEach(function (key) {
    const value = params.get(key);
    if (value) {
      // Store in localStorage (for learning/demo)
      localStorage.setItem(key, value);
      // In production you might also set a cookie for your backend
      // document.cookie = key + '=' + encodeURIComponent(value) + ';path=/;max-age=' + 90*24*60*60;
      console.log('Stored', key, value);
    }
  });
})();

✅ 3.4. Use them in your conversion events

When you send a conversion (e.g., purchase event) to:

• GA4 via GTM,
• Google Ads via a conversion tag or via GA4 imports,

you can attach these IDs as event parameters.

Example GA4 Event tag in GTM:

• Event Name: purchase
• Event Parameters:
  • gclid → {{url_gclid}} (or a cookie variable)
  • wbraid → {{url_wbraid}}
  • gbraid → {{url_gbraid}}

Google Ads / GA4 will then use them for attribution.