Merge pull request #785 from zackproser/enhanced-conversions-is-a-fucking-lie

Add conversion tracking for email signup

Author: zackproser

src/app/HomepageClientComponent.tsx

@@ -63,8 +63,8 @@ export default function HomepageClientComponent({
   const [isConsultationOpen, setIsConsultationOpen] = useState(false)
 
   const sendFormSubmissionEvent = () => {
-    sendGTMEvent({
-      event: "sign-up-newsletter",
+            sendGTMEvent({
+          event: "newsletter-signup-conversion",
       method: "newsletter"
     });
 

src/app/checkout/result/page.tsx

@@ -52,6 +52,7 @@ function CheckoutResultContent() {
         setContent(data);
 
         if (!conversionTracked && data.content.commerce?.price) {
+          // Send enhanced conversion with user data for Google Ads
           sendGTMEvent({
             event: 'purchase',
             value: data.content.commerce.price,
@@ -61,7 +62,16 @@ function CheckoutResultContent() {
               item_name: data.content.title,
               item_id: data.content.slug,
               price: data.content.commerce.price
-            }]
+            }],
+            // Enhanced conversions user data
+            user_data: {
+              email: data.user.email,
+              // Add other user data if available
+              ...(data.user.name && {
+                first_name: data.user.name.split(' ')[0],
+                last_name: data.user.name.split(' ').slice(1).join(' ')
+              })
+            }
           });
 
           setConversionTracked(true);

src/components/Newsletter.jsx

@@ -4,6 +4,7 @@ import { useState } from "react";
 import { usePathname } from "next/navigation";
 import { Button } from "@/components/Button";
 import { track } from "@vercel/analytics";
+import { sendGTMEvent } from '@next/third-parties/google';
 import clsx from 'clsx';
 
 function MailIcon(props) {
@@ -37,6 +38,18 @@ export default function Newsletter({ title, body, successMessage, onSubscribe =
 
 	const sendFormSubmissionEvent = () => {
 		console.log('Tracking newsletter signup event with:', { method: "newsletter", source: referrer, position, tags });
+		
+		// Send to GTM for conversion tracking
+		sendGTMEvent({
+			event: "newsletter-signup-conversion",
+			method: "newsletter",
+			source: referrer,
+			position: position,
+			tags: tags?.join(',') || '',
+			slug: referrer?.split('/').pop() || 'homepage'
+		});
+
+		// Send to Vercel Analytics
 		track("newsletter-signup", {
 			method: "newsletter",
 			source: referrer,

src/lib/analytics.ts

@@ -11,8 +11,21 @@ export function trackPurchase(purchaseData: {
     transactionId: string
     value: number
     itemName: string
+    userEmail?: string
+    userName?: string
   }) {
     if (isBrowser && (window as any).gtag) {
+      // Set user data for enhanced conversions if available
+      if (purchaseData.userEmail) {
+        (window as any).gtag('set', 'user_data', {
+          email: purchaseData.userEmail,
+          ...(purchaseData.userName && {
+            first_name: purchaseData.userName.split(' ')[0],
+            last_name: purchaseData.userName.split(' ').slice(1).join(' ')
+          })
+        });
+      }
+
       (window as any).gtag('event', 'conversion', {
         'send_to': 'AW-1009082087/lDmiCNPQ8ZYZEOe9leED',
         'value': purchaseData.value,