Selectors

Selectors are used for monitoring the subscriber's behavior on your website and send this information to the PushPushGo application. They help you collect accurate data on:

  • The value of orders

  • Number of products in the cart

  • Clicking on action buttons like "Add to cart", "Pay"

  • Link to the last category

  • Visited categories on the site

The creation of selectors does not require technical knowledge. There are many free online applications that will help you quickly and easily identify the best selector for various elements on a website.

Selectors you’ll 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 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 is the final value of an order. 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, e.g. 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:

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

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

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

Some selectors need to be updated to collect the latest information about the subscriber. For this procedure, we use automation and additional fields. More on this subject in chapter Additional fields and updating selectors

Last updated