Events

Error when creating an event with the event Chrome extension

Last updated: November 1, 2018

Applies to:

Marketing Hub
marketing-enterprise
Enterprise

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.

The event Chrome extension 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, an error will occur. A common example is multiple bulleted lists within the same <div> tag.

Duplicate bulleted items

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.
Add id tags to HTML
Add id tags to HTML

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:

Unique id for bulleted item 1

Example: event for bulleted item from list 2:

Unique id for bulleted item 2

Was this article helpful?

If you still need help you can get answers from the , or to contact support.