feat(search-tracking): adding audience and mobile support

express/blocks/search-marquee/search-marquee.js

@@ -42,6 +42,7 @@ function logSearch(form, url = 'https://main--express-website--adobe.hlx.page/ex
           keyword: input.value,
           locale: getLocale(window.location),
           timestamp: Date.now(),
+          audience: document.body.dataset.device,
         },
       }),
     });

express/blocks/template-list/template-list.js

@@ -495,6 +495,24 @@ function getRedirectUrl(tasks, topics, format, allTemplatesMetadata) {
   }
 }
 
+function logSearch(form, url = 'https://main--express-website--adobe.hlx.page/express/search-terms-log') {
+  if (form) {
+    const input = form.querySelector('input');
+    fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        data: {
+          keyword: input.value,
+          locale: getLocale(window.location),
+          timestamp: Date.now(),
+          audience: document.body.dataset.device,
+        },
+      }),
+    });
+  }
+}
+
 async function redirectSearch($searchBar, props) {
   const placeholders = await fetchPlaceholders();
   const taskMap = JSON.parse(placeholders['task-name-mapping']);
@@ -754,6 +772,7 @@ function initSearchFunction($toolBar, $stickySearchBarWrapper, generatedSearchBa
 
     $searchForm.addEventListener('submit', async (e) => {
       e.preventDefault();
+      logSearch(e.currentTarget);
       await redirectSearch($searchBar, props);
     });