When creating an event using the events bookmarklet, you may receive the following error message: "We couldn't create a selector for you. Please put an ID closer to the element you'd like to attach this event to."
The bookmarklet creates events by determining a jQuery selector from the HTML of the element to be tracked.
- When an item has the same selector as another element on the page already associated with an event, the bookmarklet will result in the above error. A common example is multiple bulleted lists within the same div tag.
- In this example, the bookmarklet 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, we recommend manually adding an id tag to the elements to ensure that the bookmarklet is able to find a unique identifier.
- Navigate to the HTML or source code of your page.
- Search for your elements that are causing the bookmarklet error and add: id="unique_id" to each item.
Once the unique id tags are added and the page is updated, use the bookmarklet to pull in this id as the identifier and successfully create the events.
- Ex. Generated event for bulleted item from list 1:
- Ex. Generated event for bulleted item from list 2: