Usabilla In-Page feedback can be supplemented with information you already acquired about your user or your website. This information can be passed on to Usabilla through Custom Variables so every new In-Page feedback item will include your custom variables.
Please follow these steps to include Custom Variables in your Usabilla In-Page feedback.
1. Define the data you would like to pass on to Usabilla. Examples of Custom Variables are: usernames, session IDs, A/B-testing variables from other tools, demographic data and membership statuses.
2. Add an id attribute to your In-Page div element. Find the div element of Usabilla In-Page on your website and add an id attribute to the div. This id will be used to append an attribute containing your custom variable to the div. Your div will then resemble the below div.
<div id="in-page-id" ub-in-page="5757d2dd980232864f94990e"></div>
3. Find the Usabilla In-Page script on your page and add the below code. Ensure that this code is positioned directly beneath the Usabilla In-Page script on your webpage. Replace "in-page-id" by the ID you are using and replace "key" with the name you would like to use in Usabilla for your custom variable. Lastly, replace "customVar" with your custom variable.
document.getElementById('in-page-id').setAttribute("ub-in-page-key", customVar);4. Test your custom variable. Simply leave feedback through your In-Page widget and check your variable in Usabilla. The variable will be accessible by the feedback page's left-hand filter panel and included in the .csv exports.