When you create an event using the event Chrome extension, you may encounter the following error message: This selector is longer than 280 characters. Try selecting a different element or putting an ID closer to the element you'd like to attach this event to.
In this example, the extension is unable to distinguish the selector for the bulleted item from list 1 ("For spelling out benefits and") from the bulleted item from list 2 ("Search our user guides"). Both elements are found to have the same jQuery selector:
span#hs_cos_wrapper_right_column.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text > ul > li:eq(1)
For these types of similar elements, it's recommended to manually add an id tag to the elements to ensure that the extension is able to find a unique identifier:
- Navigate to the HTML or source code of your page.
- Search for the elements that are causing the extension error and add: id="unique_id" to each item.
Once the unique id tags are added and the page is updated, use the extension to pull in this id as the identifier and create your event.
Example: event for bulleted item from list 1:
Example: event for bulleted item from list 2: