Track multi choice

Avatar

Avatar

1982luca

Avatar

1982luca

1982luca

12-12-2020

 

Hello everyone,

 

How can I track multi-choice and have an evar like this Contemporary Arts|Visual Arts.

Thanks

 

1982luca_0-1607783981908.png

 

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

evolytics_brian

Avatar

evolytics_brian

evolytics_brian

14-12-2020

@1982luca -

I'd probably create a data element in Launch that's based on custom JS (see below). You'd then just reference the data element in the rule that executes when the form is submitted (or whenever you want to collect the info) to populate your eVar (listVar, listProp...).

var retval = [];
var elements = document.querySelectorAll("input[name='interests']");

if (elements.length > 0) {
  elements.forEach(function (item) {
    if ((item).checked === true) {
      var chosenOne = item.parentElement.querySelector("span").innerText;
      if (chosenOne) {
        retval.push(chosenOne);
      }
    }
  });
}

return retval.join("|");

Assuming the HTML structure matches what's in your post, the above logic checks each checkbox to see if it is checked. If checked, it looks for the related <span> tag to get the name (eg// "Contemporary Arts"). This should work whether there's one option or 100. 

Answers (0)