From dd37a6383f7515ce06bb7aa98201a9d753eb513d Mon Sep 17 00:00:00 2001
From: Jamil <jamilbk@users.noreply.github.com>
Date: Wed, 23 Oct 2024 22:38:36 -0700
Subject: [PATCH] fix(website): Use GTM for conversion tracking (#7154)

---
 website/src/components/Analytics/GoogleAds.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/website/src/components/Analytics/GoogleAds.tsx b/website/src/components/Analytics/GoogleAds.tsx
index 4569de0ef..513ae041c 100644
--- a/website/src/components/Analytics/GoogleAds.tsx
+++ b/website/src/components/Analytics/GoogleAds.tsx
@@ -2,10 +2,9 @@
 
 import { useEffect } from "react";
 import { HubSpotSubmittedFormData } from "./types";
+import { sendGTMEvent } from "@next/third-parties/google";
 
 export default function GoogleAds() {
-  const trackingId = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID;
-
   useEffect(() => {
     const handleMessage = (event: MessageEvent) => {
       if (
@@ -22,11 +21,12 @@ export default function GoogleAds() {
           return;
         };
 
-        (window as any).gtag("event", "conversion", {
-          send_to: `${trackingId}/1wX_CNmzg7MZEPyK3OA9`,
-          value: Number(formData.submissionValues["0-2/numberofemployees"]) * 5,
-          currency: "USD",
-          event_callback: callback,
+        const value =
+          Number(formData.submissionValues["0-2/numberofemployees"]) * 5;
+
+        sendGTMEvent({
+          event: "hubspot-form-submitted",
+          conversionValue: value,
         });
       }
     };
@@ -36,7 +36,7 @@ export default function GoogleAds() {
     return () => {
       window.removeEventListener("message", handleMessage);
     };
-  }, [trackingId]);
+  }, []);
 
   return null;
 }