Which HTML elements on the application can be captured as Event Attributes?
- 10 Mar 2025
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Which HTML elements on the application can be captured as Event Attributes?
- Updated On 10 Mar 2025
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Article summary
Did you find this summary helpful?
Thank you for your feedback
Event Attributes enable you to send additional contextual information along with User Actions.
For example, along with the button click event, additional attributes such as the URL, the title of the page where it was clicked, the text on the button, and more, can be captured and sent to give context to the button click event.
For more information on use cases, see What are Event Attributes?
Note:
Use Trend Insights to visualize engagement with Event Attributes. For more information, see Add Event Attributes to Trend Insights.
The following UI elements can be captured as Event Attributes:
Info:
For more information on the various UI elements, see W3 Schools.
Element Tag | Description | Property captured | Example |
input | The <input> tag specifies an input field where the user can enter data. | value | ![]() |
button | The <button> element is used to create an HTML button. | innerText | ![]() |
span | The <span> tag is an inline container used to mark up a part of a text, or a part of a document. | innerText | ![]() |
textArea | The <textarea> element is often used in a form, to collect user inputs like comments or reviews. A text area can hold an unlimited number of characters. | value | ![]() |
header | The header tag is used to define headings and subheadings on a webpage | innerText | ![]() |
div | The <div> tag defines a division or a section in an HTML document. The <div> tag is used as a container for HTML elements. | innerText | ![]() |
select | The <select> element is used to create a dropdown list. | options[selectedIndex].innerText | ![]() |
Any other tag apart from the tags mentioned in the table (Default) | - | innerText | Image and Checkbox |
Info:
Ensure that you capture the innermost div for an element. Capturing the outer div captures the innerText property for all the divs present inside the outer div.
Was this article helpful?