Collecting Product Views Data

 Before you begin

In order to successfully collect product views data, you will need to have created an APSIS One Cookie Banner or connected your own. Moreover, a section with a domain must also have been set up in Data Sections; this, however, is an admin user task to perform. Also, is your tracking script installed? Without it, no data will be collected.

Perhaps you'd like to read more about cookies, or jump straight into creating a cookie banner.

 

Track what information is most relevant to your visitors by collecting product views.

The process is simple: you provide us with a product page, granted that it matches the rest of your product pages, and you decide which fields you want to track; after completing the activity, we will be able to track the views of all the products that have the same type of page. If you have more than one type of product page, simply make a Product Views capture for each of them.

The data picked up from your visitors' interaction is then fed straight into their individual profiles, allowing you to have a better sense of their interests.

Continue reading this article for in-depth instructions on how to successfully create your first Product Views activity.

If you leave the wizard at any point, your activity will appear in the Drafts tab.

All changes will be saved automatically. 

 


 

Create and Activate

1. Head over to the Website tool. You can do so from the shortcut on the calendar page or from your Tools page.

Collect2.jpg

 

2. Click Create a New Activity.

Collect3.jpg

 

3. The conversation wizard will open. Under Collect, click Product Views.

Collect4.jpg

 

4. Follow all the steps to create and customise your activity.

Collect5.jpg

 

Continue scrolling through this article to follow through every step.

Click on a step on the left side navigation to fast-forward.

 


 

Product URL

In this step you'll enter a product URL in order to track your visitors' product views.

You only need to do this once per product page layout. If you have more than one type of product page layout, do one at a time. If you only have one type of product page, you will only do this once.

Collect7.jpg

 

1. Write a working name for your activity.

Collect8.jpg

 

2. Select a domain from the drop-down menu.

ee_02.jpg

 

3. Enter the URL of your desired product page.

Collect9.jpg

 

Language Options

You may create more than one Product Views activity for your domain by matching the domain's cookie.

Enable this feature if, for example, your domain can be shown in different languages. If you want to enable it, click on a language on the right side drawer. Read more about domains and language options...

To enable this activity for all the languages in your domain, simply click only on the domain.

Remember to create a separate Product Views activity for each language that you support.

DomainLang_02.jpg

 

4. Ready to start? Click Next.

Collect10.jpg

 


 

Hotspots

This is where you will be mapping out every component of your product page layout, so that the data can be tracked as visitors browse your website.

 

1. The product page will open in a new tab.

Is this your product page? If yes, proceed. Otherwise, go back to APSIS One and double-check the URL.

Web1.jpg

 

  Let's take a look

You will get a view of your product along with our Bottom bar and the Element Picker.

In the Element Picker you will find different visual elements for you to track. Essentially, what you will be doing later is connecting these elements with the placeholders in the page.

If the Element Picker doesn't show up, please contact your Admin user and make sure your tracking script is installed. You can also contact Support.

 

There are Standard visual elements, which are mandatory, but you can create custom elements if you wish.

These are the standard visual elements:

Name is where the name of the product is placed.

Category refers to the type of product.

You can also create an element that matches one of your data tags by creating a custom element. To learn more, expand Adding Custom Elements below.

Web2.jpg

  

So, let's get started!

2. Here are all the actions you will be performing in this step.

Click on an item below to expand: 

Placing Elements

How to Place Visual Elements 

1. Click on the visual element you want to place. You'll notice that its colour will change once selected.

Web3.jpg

 

2. Click on the object in your website that matches the element. It will be highlighted in green and the element will show the text from your website's object.

Web4.jpg

 

3. If you wish to remove the element, click the X on the bottom right corner of the object.

Web5.jpg

 

4. If you would like to track a complex area, or a combination of areas, click the arrow on the object to toggle the selection towards the next biggest trackable area.

Web6.jpg

 

This is particularly useful for more complex layouts where there are multiple product images, for example, or if you would like to track the entire component as a custom visual element.

 

5. Continue to add elements to connect your website's object.

 

 

Element Settings

Visual Element Settings

You can adjust the element settings to better define the data that is tracked with your Product Views activity.

 

1. Hover over the element you wish to modify, and click on the pencil icon.

Web8.jpg

2. The element will expand.

Web7.jpg

 

The name of the element will define the object from your website that Profiles clicked. So, if you want to track a label that signals when a product is on sale, an appropriate name would be "On sale". This is only for internal purposes, as the names of the elements will be shown in your Audience Profile's on their Website Interactions.

Expand the drop-down menu to change the type of element. The type reflects what type of data will be tracked by the element. 

  About the Types of Elements:

Text: A container for text or images. In the case of text, there is a 100-character limit.

Boolean: Either the items that are mapped with this element exist on a product page or they don't. Make sure that you're using a product page in which the item to map does appear, in order to track it. For example, if you label your items as on sale, or with a 70% off sticker, you will be tracking that placeholder with a boolean element.

Number: A field to track numbers, like an alternative price, percentage, or any other numeric value.

Number w/decimals: Same as the number field, yet this one has the ability to track numbers with decimals.

 

For more advanced settings, expand the Advanced drop-down menu.

Under CSS Selector, enter the part of a CSS rule in your website that selects the content you want this visual element to track.

An HTML page can be structured in different ways, and certain pages may have clusters of elements. Picking a specific element with the standard element picker may be tricky in the case that your website is structured in such way.

However, by using the CSS Selector feature in the Advanced Options, you can point to a specific part of a cluster of elements via the CSS of your page.

For example, if you have different classes for the product categories in your product pages, instead of using the Element Picker to choose the class, you may use the CSS rule to point to the place where Product Views can locate the product category in your product page.

Web9.jpg

 

Ready to continue?

Click Save to save your settings. Otherwise, Cancel.

Web10.jpg

 

Adding Custom Elements

How to Add a Custom Element

1. Click Add custom field

Web11.jpg

 

2. A custom element will appear for you to fill in.

Web12.jpg

 

The name of the element will define the object from your website that Profiles clicked. So, if you want to track a label that signals when a product is on sale, an appropriate name would be "On sale". This is only for internal purposes, as the names of the elements will be shown in your Audience Profile's on their Website Interactions.

Expand the drop-down menu to change the type of element. The type reflects what type of data will be tracked by the element. 

  About the Types of Elements:

Text: A container for text or images. In the case of text, there is a 100-character limit.

Boolean: Either the items that are mapped with this element exist on a product page or they don't. Make sure that you're using a product page in which the item to map does appear, in order to track it. For example, if you label your items as on sale, or with a 70% off sticker, you will be tracking that placeholder with a boolean element.

Number: A field to track numbers, like an alternative price, percentage, or any other numeric value.

Number w/decimals: Same as the number field, yet this one has the ability to track numbers with decimals.

 

For more advanced settings, expand the Advanced drop-down menu.

Under CSS Selector, enter the CSS rule in your website that selects the content you want this visual element to track.

Web9.jpg

 

Ready to continue?

Click Add to save your settings. Otherwise, Cancel.

Web13.jpg 

 

 

Removing a Custom Element

How to Remove a Custom Element

If you want to remove an element, hover over it and click the red X in the top right corner.

Web14.jpg

 

You may only remove custom elements.

 

3. Review the objects associated with your elements to make sure everything matches.

 

4. When you're ready, click Activate in the Bottom bar.

Web15.jpg

 

Otherwise, click Previous step to return to the first step. Your activity will be saved to Drafts.

Web16.jpg

 


 

Overview

If you have different product page layouts, you might want to do this again.

Remember this activity is for the product page layout and not every specific product. Every area tracked in the product page chosen will be tracked for all products that match the product page layout you provided.

 

We're done! Click SAVE & FINISH to save your activity.Collect27.jpg

 


 

 

Was this article helpful?