GTM Custom JS Variable: Append ecommerce transaction_id to page_location for order-level debugging in GA4 Explore reports. Platform-agnostic (T-Soft, Shopify, Ticimax, WooCommerce).

gtm-page-location-transaction-id.js

/**
 * GTM Custom JavaScript Variable — page_location + transaction_id
 * File: gtm-page-location-transaction-id.js
 *
 * What it does:
 *   Appends the ecommerce transaction ID to the current page URL.
 *   Used as a page_location override in GA4 purchase tags to enable
 *   order-level debugging in Explore reports.
 *
 * Example output:
 *   https://example.com/order → https://example.com/order/TXN-12345
 *   (if no transaction_id)   → https://example.com/order
 *
 * Usage in GTM:
 *   1. Create a Custom JavaScript Variable with this code
 *   2. In your GA4 purchase tag, set page_location parameter
 *      to this variable (overrides the default)
 *   3. In GA4 Explore, use page_location dimension to filter
 *      or group by individual orders
 *
 * Platform support:
 *   Works on any platform that pushes ecommerce.transaction_id
 *   to dataLayer: T-Soft (/order), Shopify (/thank_you),
 *   Ticimax, Ikas, WooCommerce, custom builds.
 *
 * Note:
 *   This override is for GA4 reporting only. It does not change
 *   the actual browser URL or affect other tags.
 *
 * Requires:
 *   - {{Page URL}} — built-in GTM variable
 *   - {{dlv - ecommerce.transaction_id}} — Data Layer Variable
 *     pointing to ecommerce.transaction_id
 */

function () {
  var pageLocation = {{Page URL}};
  var transactionId = {{dlv - ecommerce.transaction_id}};
  var tid = transactionId ? String(transactionId).trim() : "";

  return tid ? pageLocation + "/" + tid : pageLocation;
}