title: Google Tag Manager Losing Checkout Steps
body: <p>I made a custom GTM to track checkout steps. I am using custom JS variable to populate the ecommerce object. </p>
  
  <p>I am getting step 1 into my GA but not other options although in preview mode I see the code firing correctly.</p>
  
  <p>The checkout process is as this:</p>
  
  <p>example.com/cart - Send step 1 by GTM (track type - event, trigger - URL)
  example.com/checkout - Send step 2 by GTM (track type - event, trigger - URL)</p>
  
  <p>Step 3 triggers when element #shipping is visible (track type - event, trigger - element visibility, <strong>non-interaction hit - FALSE</strong>)</p>
  
  <p>Step 4 triggers when element #payment is visible (track type - event, trigger - element visibility, <strong>non-interaction hit - FALSE</strong>)</p>
  
  <p>The elements are visible when user clicks on NEXT STEP</p>
  
  <p>Tags are configured to use custom JS variable instead of data layer
  Enhanced ecommerce is enabled in GA and in tag as well
  Overriding is enabled as well in tag</p>
  
  <p>thanks for any help</p>
  
  <h1>Step 1</h1>
  
  <p><a href="https://i.stack.imgur.com/Ld9Tj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ld9Tj.png" alt="Step 1"></a></p>
  
  <h1>Step 2</h1>
  
  <p><a href="https://i.stack.imgur.com/zFMQk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zFMQk.png" alt="Step 2"></a></p>
  
  <h1>Step 3</h1>
  
  <p><a href="https://i.stack.imgur.com/fx7fX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fx7fX.png" alt="enter image description here"></a></p>
  
  <h1>Step 4</h1>
  
  <p><a href="https://i.stack.imgur.com/KrEag.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KrEag.png" alt="Step 4 custom JS variable"></a></p>