-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsearch form listner for multiple field
66 lines (52 loc) · 2 KB
/
search form listner for multiple field
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
cHTML Search form listener
Step 1: Need to change your 2 fiels class name
step 2: need to change your button class name
<script>
// Custom JavaScript code
function trackSearch(event) {
var locationValue = event.target.parentElement.querySelector('.facetwp-location').value;
var categoryValue = event.target.parentElement.querySelector('.facetwp-dropdown').value;
var rediousValue = event.target.parentElement.querySelector('.facetwp-radius').value;
// Send search data to Google Tag Manager
dataLayer.push({
'event': 'searchPerformedFacilities',
'searchfacilitieslocation': locationValue,
'searchfacilitiesredious' : rediousValue,
'searchfacilitiescategory': categoryValue
// Add any additional data you want to track
});
}
// Attach the event listener to the search button
var searchButtons = document.querySelectorAll('.facetwp-refresh');
searchButtons.forEach(function(button) {
button.addEventListener('click', trackSearch);
});
</script>
If 1st script not works :
------------------------
<script>
// Custom JavaScript code
function trackSearch(event) {
var locationValue = event.target.parentElement.querySelector('.locationInput').value;
var categorySelect = event.target.parentElement.querySelector('.categorySelect');
var categoryValue = categorySelect.options[categorySelect.selectedIndex].value;
var radiusSelect = event.target.parentElement.querySelector('.radiusSelect');
var radiusValue = radiusSelect.options[radiusSelect.selectedIndex].value;
// Send search data to Google Tag Manager
dataLayer.push({
'event': 'searchPerformed',
'location': locationValue,
'category': categoryValue,
'radius': radiusValue
// Add any additional data you want to track
});
}
// Attach the event listener to the search button
var searchButtons = document.querySelectorAll('.searchButton');
searchButtons.forEach(function(button) {
button.addEventListener('click', trackSearch);
});
</script>
Need any Help?
Founder Trackingbygtm
https://wlo.link/@trackingbygtm