Techdocs
  • Introduction
  • Implementing Nosto
    • Implement on your website
      • Manual Tagging - Essentials
        • Setting up your account
        • Adding the Nosto Script
        • Adding the Cart Tagging
        • Adding the Customer information
        • Adding the Product Tagging
          • Default Product Tagging
          • Basic Tagging
        • Adding the Category/Brand Tagging
        • Adding the Search Tagging
        • Adding the Order Tagging
        • Defining Nosto placements
        • Tagging your page types
      • Advanced Usage
        • Extending tagging with SKUs
        • Adding support for multi-currency
        • Adding support for customer group pricing
      • FAQ
    • Implement on native mobile
    • Implement on a physical store
    • Implement Search & Categories
      • Using Search Templates
        • Using Search Templates
        • Implementing Search page
        • Implementing Autocomplete
        • Implementing Category pages
        • Testing & deployment
        • FAQ
      • Using the API
        • Use the Search & Categories API
        • Implement Search results page
        • Implement Autocomplete
        • Implement Category pages
        • FAQ
      • Using the JavaScript Library
        • Implement Autocomplete using the Nosto Autocomplete library
          • Installation
          • Initialization
            • Render results
            • Submit search
          • Create Autocomplete template
          • Further reading
    • Check your setup
    • Template customization
      • Starting points
      • Product cards
      • Styling
      • Scripting
  • APIs
    • GraphQL
      • The Playground
      • Using the API
      • Testing and Debugging
      • Using Mutations
        • Updating Products
        • Updating Categories
        • Updating Identities
        • GraphQL: Onsite Sessions
        • Working with Orders
          • GraphQL: Placing Orders
          • GraphQL: Updating Order Statuses
      • Using Queries
        • Querying Products
        • Querying Identities
        • Querying Orders
        • Querying Recommendations
        • Querying Segments
        • Querying Search
        • Querying Category Merchandising Products (CM 1.0)
      • For iOS & Android
      • For Headless
    • REST
      • GDPR
        • Redacting customer data
        • Initiating data takeouts
      • Customers
        • Blacklisting Customers
        • Toggling marketing consent
      • Products
        • Updating Products
        • Discontinuing Products
        • Recrawling Products
      • Other
        • Updating Rates
    • Frontend
      • Session API
        • Terminology
        • Setting up
        • Managing Sessions
        • Handling Placements
        • Tracking Events
        • Leveraging Features
        • Record Attribution
        • Advanced Usage
          • Supporting opt-out and do-not-track
          • Using external session identifiers
          • Adding support for multi-currency
          • Adding support for customer group pricing
        • FAQ
      • JS API
        • Initializing Nosto
        • Recommendations
          • Loading Recommendations
          • Recommendation Callbacks
          • Setting up dynamic filtering
          • Sending Product-View Events
          • Sending Add to Cart-Events
        • Popups
          • Listing Popup Campaigns
          • Opening a Popup
          • Enabling & Disabling Popups
          • Popup Callbacks
        • Advanced Usage
          • Sending email addresses to Nosto
          • Manually segmenting users
          • Dynamically sending the cart content
          • Sending Customer Information
        • Record Attribution
      • Open Source
        • Nosto JS
        • Search JS
        • Nosto React
        • Web Components
          • Loading Web components
  • User Generated Content
    • UGC Techdocs
  • 3rd party data integrations
    • Shopify
    • Magento 2
    • Magento
    • BigCommerce
    • Shopware 6
    • Shopware 5
    • Prestashop
    • Salesforce
    • PHP-SDK
Powered by GitBook
On this page
  • Session view in the debug toolbar
  • View Category
  • View Product
  • View a Recommended Product
  • Cart
  • Order
  • Measuring Performance

Was this helpful?

Export as PDF
  1. Implementing Nosto

Check your setup

Step by step guide for checking that our client script is tracking events on your site.

PreviousFurther readingNextTemplate customization

Last updated 1 year ago

Was this helpful?

Session view in the debug toolbar

  1. Navigate to your site in .

  2. Load the debug toolbar by appending nostodebug=true to your store's URL e.g. https://example.com?nostodebug=true

  3. Click the login link and navigate to the session view.

View Category

Navigate to a category page and verify that the View Category event is tracked with the following details:

  • Target matches the viewed category.

If the category doesn't appear in the session, these pages might help

View Product

Navigate to a product page and verify that the View Product event is tracked with the following details:

  • Target matches the viewed product ID.

If the product doesn't appear in the session, these pages might help:

View a Recommended Product

Click on a product recommendation and verify that the View Product event is tracked with the following details:

  • Target matches the viewed product ID.

  • Ref matches the previously viewed recommendation slot ID.

If the product id and recommendation slot id don't appear in the session, these pages might help:

Cart

Add the product to cart and verify that the cart’s contents are correct. Ensure that the product details in the cart match the product that was previously viewed.

  • Product ID

  • Price & Currency

  • Quantity

If the cart doesn't correctly show in the session view, these pages might help:

Order

Purchase the product and verify that the Buy Product event is tracked with the following details:

  • Ref matches the recommendation slot id

  • Target matches the product id

Wait 30 minutes for the session to expire and then verify that the order shows up in the orders page of the Nosto admin UI.

If the order doesn't correctly show in the session view, these pages might help:

If it’s not possible to perform a test order, the Nosto admin UI's orders page can be used to review that orders link to known products in the catalogue and that some items have click attribution towards the visible recommendations.

Measuring Performance

  • nosto.get_dynamic_placements Parse the DOM and find placements on the page. Performed before a recommendations request is sent.

  • nosto.load_recommendations Send the recommendations request and handle the recommendation result. This encompasses measuring the recommendations request and nosto.inject_campaigns.

  • nosto.inject_campaigns Inject both dynamic and static campaigns into the DOM. This encompasses both nosto.inject_static_campaigns and nosto.inject_dynamic_campaigns.

  • nosto.inject_static_campaigns Inject static campaigns into the DOM.

  • nosto.inject_dynamic_campaigns Inject dynamic campaigns into the DOM.

  • nosto.evaluate_js Extract and evaluate embedded JavaScript from recommendation templates.

Lighthouse

  1. Right click and select Inspect.

  2. Navigate to the Lighthouse tab.

  3. Ensure the Performance category is enabled.

  4. Click Generate Report

Once the report is generated, you can expand the “User Timing marks and measures” section under the Diagnostics section to see some basic information like how long after the page started to load the measurements start and how long each measurement took.

You can scroll back up and click the View Original Trace button to view a timeline of the measurements. You may need to expand the Timings section to view the client script’s recorded measurements. You can zoom in an out of this graph and swipe side to side to get a better view of things.

We’ve integrated with the to be able to show some performance measurements of our client script. The supported measurements are:

Chrome's tool can be opened by doing the following:

Tagging: category
Session API: category
Tagging: product
JS API: product
Session API: product
JS API: Attribution for recommended Products
JS API: Sending Add to Cart-Events
Session API: handling attribution
Tagging: cart
JS API: cart
Session API: cart
Tagging: order
Session API: order
User Timing API
lighthouse
incognito mode
Click the login button
After logging in, the session tab should be visible on the left-hand side
Viewing the "Bags" category
Viewing product 784735895612
Viewing product 789528674364 from recommendation slot productpage-nosto-14-high-upsell
Buy product 789528674364 from recommendation slot productpage-nosto-14-high-upsell.