How to use the Classic CSQ Live

Before you start

Step 1: Launch CSQ Live 

1. Make sure you are logged into the Contentsquare platform.
2. Open a new browser window and navigate to the page on your website you want to analyze.

3. Click the CSQ Live extension icon in your browser toolbar.

   

   If the CSQ Live extension isn't visible in your browser toolbar, click the extension icon, find CSQ Live in the dropdown, and click 'Pin' to add it to your toolbar.

4. Click 'Start analysis'. If you're not logged into the Contentsquare platform, you'll see 'Log in'.

         5. To switch to the Classic experience, select 'Experience' in the CSQ Live menu, then choose 'Classic CSQ Live'.

 Step 2: Set your analysis settings

1. Click the 'Analysis Context' in the CSQ Live ribbon.

   

2. Adjust and apply your settings:
   • Date range: Select a time period with sufficient data.
   • Device: Select which device to focus on.
   • Segment: Apply a segment, to focus on specific user groups. E.g. New users, returning users, etc.
      
3. Click 'Apply'.
    

4. Click 'Change page to analyze' to choose whether to analyze this specific URL or a page group from a mapping.

   
    

Step 3: Create zones to track key elements

A zone is an element on your page that you're tracking—like a button, image, or link. CSQ Live uses your site’s div structure to define where zones can be created. The number displayed in each zone corresponds to the metric selected in the ribbon. 

1. Click 'Edit mode' (the pencil icon).

   

2. Choose the edit mode. You can select between:
   • Single-zones: Create one single zone or a group of unrelated zones. 
   • Multi-zones: Create a group of zones that are at the same level in the HTML. 
     

3. Hover over elements on your page (a coloured frame appears when a zone can be created).

   

4. Click the coloured frame to create the zone.

   

   Tip

   You can use the arrows on your keyboard to define which zones you want to create.

5. Repeat for all elements you want to track.

6. Once you have created all the zones you need you can save them. Learn more about how to save your zones in this article.

    

   Tip

   To analyze multiple pages, select the arrow in the Classic CSQ Live ribbon or press Ctrl to collapse CSQ Live while you switch pages. Select the arrow or press Ctrl again to reopen it..

   

   
    

Step 4: Analyze with metrics

In the metrics menu on the left side of the ribbon, select the metric you want to apply to your analysis. You can change the metric at any time during your analysis.
 

Recommended metrics, explained:

Learn more about metrics in Contentsquare.

Step 5: Compare performance

Compare your content’s performance metrics across two different devices, date ranges, and segments.

1. Click 'Analysis Context'.

   

2. Click 'Compare'.

   

3. Select what to compare:
   • Date ranges (E.g. last week vs. this week)
   • Segments (E.g. new vs. returning users)
   • Devices 
      
4. Click 'Apply'.
    
5. You'll see metrics with percentage changes:
   • Green (+): Performance improved
   • Red (-): Performance declined

Step 6:  Understand CSQ Live Trends

CSQ Live Trends helps you to identify trends in how users are interacting with your content in real-time, enabling you to take quick action on your site. It works by using a “sliding window” to continuously compare zone metrics for the last hour versus the previous hour, automatically refreshing every 1 minute.

Top use cases

• Monitor and react to time-sensitive campaigns. For example, you’re running a large sales event, such as Black Friday, and want to promote content that is performing well or change content that is not performing as expected.
• Test new content and reduce risk. For example, you’re testing new content on a high-traffic page and want to see immediate results so you can act before it has a significant impact on your KPIs.

Sliding Comparison Window Overview

Commonly used in data analytics, a sliding window continuously evaluates data over a set period of time. In this case, we use the sliding window to continuously evaluate a set time period of 60 minutes (e.g. 13:00 to 14:00). With each 1 minute that passes the window of evaluation shifts and evaluates the next 60 minutes (e.g. 13:01 to 14:01), enabling us to display a regular stream of incoming data.

How to enable CSQ Live Trends

1. Click the ‘Live’ button from the CSQ Live ribbon. 

   

   The Live button will turn green and begin comparing zone performance for the last hour to the previous hour before that, for today’s date.

2. Hover over the date ranges to see the hours being compared. From here, you will also note that the times in each comparison window will update every minute.

   

Note: if you manually update your analysis context and the comparison window exceeds 24 hours, the sliding window with minute-to-minute updates is deactivated.

You will see two numbers displayed on each zone:

• Your reference metric, based on the most recent completed hour.
• The percentage change for that metric compared with the previous hour. Positive fluctuations are shown with a + symbol in green.
• Negative fluctuations are shown with a - symbol in red.

In the example above, an e-commerce site enables the Live button at 14:00 to monitor a new banner on their homepage during a limited-time sale. They see from the zone metric on the banner that it had 9 clicks in the previous hour (from 12:00 to 13:00), which is an 11.1% decrease in comparison to the hour before that. With each minute that passes, the data is refreshed and they see that the numbers continue to decrease, indicating a downward trend. Therefore, they decide to take action and change the content before it continues to impact their sale.

Step 7: Switch modes

1. Click the 'Switch to' button.

   

2. Select from the available modes:
   • Zoning Mode (default)
   • Session Replay Mode: Only URL replays are available, not full Session Replays. Snapshots cannot be taken from URL replays.
   • Page Metrics Mode: View overall page performance at a glance.
   • Merchandising Mode: Use the same metrics available in Visual Merchandising. This mode is available only with the Merchandising add-on.
      

FAQs

What to read next

How to analyze mobile devices with CSQ Live

How to troubleshoot CSQ Live

Take our CSQ Live course on Contentsquare University!