Using the "clickContext" object for defining a custom value Selector

Using the "clickContext" object for defining a custom value Selector

By default Behavior Listening searches for the first HTML element in the page that matches the Selector and retrieves the text that this element contains as the value to write to the profile. There are times, however, when you want to retrieve the value from an element that is relative to the element that the visitor clicked. For example, if there are several products present on a page and you want to store the name of the product that the visitor clicked on in their profile. In this situation, you need to search for a specific HTML element in the area surrounding the HTML element that was clicked.

For example, let's say you have the following HTML on a page:

<div class="product">
  <div class="product-name">Bose Wave Radio</div>
  <a href="#">More Info</a>
</div>


When the user clicks the "More Info" link, you want to store the value of the "product-name" div. By entering the following JavaScript statement in the "Value from Page (custom selector)" value selector field, you can store the name of the specific product that the user clicked in their profile:

jQuery(clickContext).parent().find('.product-name')