diff --git a/frontend/app/types/filter/newFilter.js b/frontend/app/types/filter/newFilter.js
index f2c91f80a..9b73b9392 100644
--- a/frontend/app/types/filter/newFilter.js
+++ b/frontend/app/types/filter/newFilter.js
@@ -234,6 +234,33 @@ export const filters = [
     operatorOptions: filterOptions.tagElementOperators,
     options: [],
   },
+  {
+    key: FilterKey.UTM_SOURCE,
+    type: FilterType.MULTIPLE,
+    category: FilterCategory.RECORDING_ATTRIBUTES,
+    label: 'UTM Source',
+    operator: 'is',
+    operatorOptions: filterOptions.stringOperators,
+    icon: 'filters/country',
+  },
+  {
+    key: FilterKey.UTM_MEDIUM,
+    type: FilterType.MULTIPLE,
+    category: FilterCategory.RECORDING_ATTRIBUTES,
+    label: 'UTM Medium',
+    operator: 'is',
+    operatorOptions: filterOptions.stringOperators,
+    icon: 'filters/country',
+  },
+  {
+    key: FilterKey.UTM_CAMPAIGN,
+    type: FilterType.MULTIPLE,
+    category: FilterCategory.RECORDING_ATTRIBUTES,
+    label: 'UTM Campaign',
+    operator: 'is',
+    operatorOptions: filterOptions.stringOperators,
+    icon: 'filters/country',
+  },
   {
     key: FilterKey.USER_COUNTRY,
     type: FilterType.MULTIPLE_DROPDOWN,
diff --git a/frontend/frontend.iml b/frontend/frontend.iml
new file mode 100644
index 000000000..51f25e09f
--- /dev/null
+++ b/frontend/frontend.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file