To add additional data such as a user id, you need to add the ‘Website data’ element in our feedback form builder and link this field to the JavaScript variable, HTML element, URL parameter or cookie where your web page data is stored. To apply this, please read the description below:
In the sidebar select the ‘Data collection’ icon and choose ‘Feedback forms’.
Now you are on the feedback forms collections page. If you want to edit an existing form, you can click on the ‘Pencil' button to open it. If you want to create a new form choose 'New form’.
This is the form builder. You can add additional data to the form by adding an element called ‘Website data’. To add this element make sure you are in the ‘Build’ step of the form creation process. Under the ‘Add’ section you can find the ‘Website data’ element. Click on it to add it to the form.
Select the element itself to add the website data that you want to include. You can add multiple data sources to this element. There are four different sources that you can choose from.
URL parameters
JavaScript variables
CSS selectors
Cookies
URL parameter
If you want to collect the URL parameter, choose the URL parameter option and use the name of the parameter. Once added this will collect the value of the parameter.
JS variable
In case you want to use a JS variable, the variable should be globally accessible, so for instance, if user_id is a global variable it will take the value it contains and pass it along as feedback (as a string). The variable can also be an object or array or even a nested object (for instance: test_object.user_id) if the value of the specified variable is an array or object it will be encoded into a JSON string. Basically, as long as the variable's scope is global we'll be able to pick it up.
CSS selector
For the CSS selector option, you can use a tag, a class, an id, or, an attribute. If you want to use a class make sure to start with a dot, like this: .my-class
. If you want to use an id you should use a hash, like this: #my-id
. It will add the entire element where the class, id, attribute or tag is available.
Cookie name
The cookie option works similarly to the previous options. Just use the cookie name and the value will be added to the website data in your feedback results.
The results
The additional website data will be added to the feedback as soon as feedback is submitted by your website visitor.
The website data will be available in the feedback results section found under ‘Reporting’ > ‘Feedback inbox’.
You can also use these variables in your chart builder to combine your website data with other feedback elements such as an NPS or Customer Satisfaction score.