Add ?complete=true for ad conversion on checkout

manifoldmarkets · Sep 20, 2024 · 12f7192 · 12f7192
1 parent f7f2ff4
commit 12f7192
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/web/pages/checkout.tsx b/web/pages/checkout.tsx
@@ -290,6 +290,16 @@ const PaymentSection = (props: {
   const [state, setState] = useState(CustomerProfile.Address.StateCode)
   const [zipCode, setZipCode] = useState(CustomerProfile.Address.PostalCode)
   const [complete, setComplete] = useState(false)
+  const router = useRouter()
+  // Used for ads conversion tracking
+  useEffect(() => {
+    if (!router.query.complete && complete) {
+      router.push({
+        pathname: router.pathname,
+        query: { ...router.query, complete: 'true' },
+      })
+    }
+  }, [complete, router])
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault()