Merge pull request #1473 from appwrite/feat-add-referrer-and-utm-to-contact-form-submit

Add the referrer and utm source to the contact form submissions

Author: ernstmul

src/lib/utils/utm.ts

@@ -0,0 +1,14 @@
+export function getReferrerAndUtmSource() {
+    if (sessionStorage) {
+        let values = {};
+        if (sessionStorage.getItem('referrer')) {
+            values = { ...values, referrer: sessionStorage.getItem('referrer') };
+        }
+        if (sessionStorage.getItem('utmSource')) {
+            values = { ...values, utmSource: sessionStorage.getItem('utmSource') };
+        }
+
+        return values;
+    }
+    return {};
+}

src/routes/+layout.svelte

@@ -74,6 +74,12 @@
         if (ref || referrer || utmSource || utmCampaign || utmMedium) {
             createSource(ref, referrer, utmSource, utmCampaign, utmMedium);
         }
+        if (referrer) {
+            sessionStorage.setItem('referrer', referrer);
+        }
+        if (utmSource) {
+            sessionStorage.setItem('utmSource', utmSource);
+        }
         const initialTheme = $page.route.id?.startsWith('/docs') ? getPreferredTheme() : 'dark';
 
         applyTheme(initialTheme);

src/routes/contact-us/+page.svelte

@@ -6,6 +6,7 @@
     import MainFooter from '../../lib/components/MainFooter.svelte';
     import { socials } from '$lib/constants';
     import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public';
+    import { getReferrerAndUtmSource } from '$lib/utils/utm';
 
     let email = '';
     let firstName = '';
@@ -25,7 +26,8 @@
                 email,
                 firstName,
                 subject,
-                message
+                message,
+                ...getReferrerAndUtmSource()
             })
         });
         if (response.status >= 400) {

src/routes/contact-us/enterprise/+page.svelte

@@ -7,6 +7,7 @@
     import Pink from '../bg.png';
     import { loggedIn, user } from '$lib/utils/console';
     import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public';
+    import { getReferrerAndUtmSource } from '$lib/utils/utm';
 
     let email = '';
     let name = '';
@@ -36,7 +37,8 @@
                 companySize,
                 companyWebsite,
                 firstName: name,
-                message: useCase
+                message: useCase,
+                ...getReferrerAndUtmSource()
             })
         });
 

src/routes/integrations/technology-partner/+page.svelte

@@ -9,6 +9,7 @@
     //import BlobPink from "$routes/startups/(assets)/blob-pink.svg";
     // import BlobPinkMobile from "$routes/startups/(assets)/blob-pink-mobile.svg";
     import Pink from './bg.png';
+    import { getReferrerAndUtmSource } from '$lib/utils/utm';
     import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public';
 
     let email = '';
@@ -40,7 +41,8 @@
                 email,
                 firstName: name,
                 subject,
-                message
+                message,
+                ...getReferrerAndUtmSource()
             })
         });
         if (response.status >= 400) {

src/routes/oss-program/+page.svelte

@@ -7,6 +7,7 @@
     import { socials } from '$lib/constants';
     import GradientBackground from './bg.png';
     import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public';
+    import { getReferrerAndUtmSource } from '$lib/utils/utm';
 
     let personName = '';
     let personEmail = '';
@@ -35,7 +36,8 @@
                 githubUrl,
                 websiteUrl,
                 license,
-                message
+                message,
+                ...getReferrerAndUtmSource()
             })
         });
         if (response.status >= 400) {

src/routes/startups/+page.svelte

@@ -19,6 +19,7 @@
 
     import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public';
     import Faq from './faq.svelte';
+    import { getReferrerAndUtmSource } from '$lib/utils/utm';
 
     const title = 'Startups' + TITLE_SUFFIX;
     const description = DEFAULT_DESCRIPTION;
@@ -58,7 +59,8 @@
                 personName,
                 personEmail,
                 companyName,
-                companyUrl: companyUrl.startsWith('http') ? companyUrl : `https://${companyUrl}`
+                companyUrl: companyUrl.startsWith('http') ? companyUrl : `https://${companyUrl}`,
+                ...getReferrerAndUtmSource()
             })
         });