From 3d44c4406de5eeaa9b8958022cc5dce251a14ac8 Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Mon, 29 Jul 2024 17:15:35 -0400
Subject: [PATCH] track going to checkout page as a conversion for Google ads

---
 frontend/package.json                                      | 1 +
 .../src/components/hosted/payments/useStripeCheckout.ts    | 7 +++++++
 frontend/yarn.lock                                         | 5 +++++
 3 files changed, 13 insertions(+)

diff --git a/frontend/package.json b/frontend/package.json
index 03a580c..d43b71b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -35,6 +35,7 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@stripe/stripe-js": "^2.2.2",
+    "@types/gtag.js": "^0.0.20",
     "class-variance-authority": "^0.7.0",
     "classnames": "^2.3.2",
     "clsx": "^2.0.0",
diff --git a/frontend/src/components/hosted/payments/useStripeCheckout.ts b/frontend/src/components/hosted/payments/useStripeCheckout.ts
index 277058d..e6a978f 100644
--- a/frontend/src/components/hosted/payments/useStripeCheckout.ts
+++ b/frontend/src/components/hosted/payments/useStripeCheckout.ts
@@ -34,6 +34,13 @@ export default function useStripeCheckout() {
         "POST"
       );
 
+      // Track going to checkout page as a conversion
+      gtag("event", "conversion", {
+        send_to: "AW-16649848443/cFfeCP_Xw8QZEPuMooM-",
+        value: 1.0,
+        currency: "USD",
+      });
+
       // Redirect to Stripe Checkout
       const { error } = await stripe.redirectToCheckout({
         sessionId: res.sessionId,
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 176ae74..28e7af4 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1950,6 +1950,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/gtag.js@^0.0.20":
+  version "0.0.20"
+  resolved "https://registry.yarnpkg.com/@types/gtag.js/-/gtag.js-0.0.20.tgz#e47edabb4ed5ecac90a079275958e6c929d7c08a"
+  integrity sha512-wwAbk3SA2QeU67unN7zPxjEHmPmlXwZXZvQEpbEUQuMCRGgKyE1m6XDuTUA9b6pCGb/GqJmdfMOY5LuDjJSbbg==
+
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"