Selectors

Selectors are predefined values meant for downloading data from the HTML tree, which is later used for automation scenario.

Every selector has its properties:

• name

• selector path or JavaScript variable

• value type

• reduction method

A selector can be also described with label-ascribing characteristics. It means that it can append a value to a given subscriber without using scenario automation. It’s a very handy solution that saves time and shortens scenario preparation.

In the above case, in accordance with the Labels description, a key, TTL, and ascribing method are defined.

Labels created by selectors update segments.

Selectors that you will use are:

• id

• class

• DOM tree

To define a selector, go to the Selectors tab.

For each selector, you have to define:

• description - Give a name to the selector. It is visible only to you, in the application panel and in the Condition field of the automation scenario.

• path to the element - Paste the exact path to the element on the page that you want to monitor.

• action - Use this to determine the task of the selector.

There are 9 actions to choose from:

• Get text from element - This action allows you to collect the name of a given element on the page, which can then be used as a so-called variable when creating the notification. The names will be placed in a separate column in the subscribers' tab

Example: #article_title

• Get the number from the item - This allows you to collect numerical information, like how many products a given subscriber has in a cart, or what the final value of an order is. This selector can be used, for example, in an abandoned cart scenario.

Example: .simpleCart_total

• Check if the item has been clicked - You can collect the information if the recipient clicked on the element designated by you on the page, like CTA buttons.

Example: #add_comment

• Get the number of clicks from a given element - The action allows to collect the number of clicks, eg in the add comment button. Thanks to this, we know how often the subscriber shares his opinion on our website

Example: .submit-buy

• Add a tag based on the content of the item - Thanks to this action, you can collect information about, for example, the categories visited on the page in the form of a tag. They allow for the creation of more personalized messages. Within this action, we can put so-called label tags, so that the collected tags will be grouped according to your design.

Example: .category_list h1

• Get the value from the input - Using this action, you can download the content entered by the recipient to input fields. For example, if your site has a product search engine, we are able to check exactly what phrases visitors have entered.

Example: #city

• Download a variable from the browser window - Using this action, we can send the stored data to your application in Google Tag Manager using Data Layer.

• Add a tag based on a variable from the window object - With data collected on Data Layer in Google Tag Manager, you can assign tags to your recipients.

• Non-standard - This action allows you to use recipient information that is stored in class attributes or identifiers. For example, using this action, you can collect the last visited link by a subscriber.

Example:

• link [rel = 'canonical'] with the "href" attribute

• link[rel='alternate'][hreflang='pl'] with the "href" attribute

• meta[property='og:url'] with the "content" attribute