add formId to the event object

zizzfizzix · Jul 22, 2023 · 924c24d · 924c24d
1 parent 724924a
commit 924c24d
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -26,6 +26,7 @@ The structure of the object pushed to the dataLayer is the following:
 ```typescript
 {
   event: "contact_form_submit",
+  formId: string,
   formData: {
     name: string,
     email: string,

diff --git a/js/src/lib/findFormId.ts b/js/src/lib/findFormId.ts
@@ -0,0 +1,2 @@
+export const findFormId = (objKey: string) =>
+  /.+_([^_]+)/.exec(objKey)?.[1] ?? "0";
diff --git a/js/src/lib/index.ts b/js/src/lib/index.ts
@@ -0,0 +1,2 @@
+export { findKeyInObject } from "./findKeyInObject";
+export { findFormId } from "./findFormId";
diff --git a/js/src/main.ts b/js/src/main.ts
@@ -1,5 +1,5 @@
 // Based on https://gist.github.com/Maximoo/e42c0ac114d12873ab511b7a097e669e
-import { findKeyInObject } from "./lib/findKeyInObject";
+import { findKeyInObject, findFormId } from "./lib";
 
 // TODO: get this from plugin settings with a default
 const dataLayerVar = "dataLayer";
@@ -22,6 +22,7 @@ jQuery(document).on("ajaxSuccess", (_event, xhr, req, data) => {
 
     window[dataLayerVar].push({
       event: "contact_form_submit",
+      formId: findFormId(findKeyInObject(reqData, "et_pb_contactform")),
       formData: {
         name: reqData[findKeyInObject(reqData, "et_pb_contact_name")],
         email: reqData[findKeyInObject(reqData, "et_pb_contact_email")],
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export const findFormId = (objKey: string) =>
		/.+_([^_]+)/.exec(objKey)?.[1] ?? "0";
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export { findKeyInObject } from "./findKeyInObject";
		export { findFormId } from "./findFormId";