Implement user_id and pass it in marketo submission

static/js/src/cookie-policy-with-callback.js

@@ -0,0 +1,35 @@
+/*
+  Set a unique user_id if the user has accepted cookies.
+  If the user has not set their cookie preference, wait for the cookie policy to run first. 
+*/
+
+import { v4 as uuidv4 } from "https://jspm.dev/uuid";
+
+const getCookie = (targetCookie) =>
+  document.cookie.match(new RegExp("(^| )" + targetCookie + "=([^;]+)"));
+let cookieAcceptanceValue = getCookie("_cookies_accepted");
+
+if (cookieAcceptanceValue === null) {
+  cpNs.cookiePolicy(setUserId);
+} else {
+  setUserId();
+}
+
+function setUserId() {
+  cookieAcceptanceValue = getCookie("_cookies_accepted");
+  if (
+    cookieAcceptanceValue?.[2] === "all" ||
+    cookieAcceptanceValue?.[2] === "performance"
+  ) {
+    // Check if user doesn't already have a user_id
+    if (!getCookie("user_id")) {
+      // Generate a universally unique identifier
+      const user_id = uuidv4();
+      document.cookie = "user_id=" + user_id + ";max-age=31536000;";
+
+      dataLayer.push({
+        user_id: user_id,
+      });
+    }
+  }
+}

templates/templates/base.html

@@ -18,9 +18,7 @@
     {% block content_experiment %}{% endblock %}
     <!-- Cookie policy -->
     <script src="{{ versioned_static('js/dist/cookie-policy.js') }}"></script>
-    <script>
-      cpNs.cookiePolicy();
-    </script>
+    <script type="module" src="{{ versioned_static('js/src/cookie-policy-with-callback.js') }}"></script>
     <script src="https://assets.ubuntu.com/v1/703e23c9-lazysizes+noscript+native-loading.5.1.2.min.js"
             defer></script>
 

webapp/views.py

@@ -975,6 +975,10 @@ def marketo_submit():
         enrichment_fields["country"] = form_fields["country"]
         form_fields.pop("country")
 
+    user_id = flask.request.cookies.get("user_id")
+    if user_id:
+        enrichment_fields["Google_Analytics_User_ID__c"] = user_id
+
     payload = {
         "formId": form_fields.pop("formid"),
         "input": [