Quick View Event Pixel

❗️

Events always occur on a page view, so you must pass the associated page view pixel information together with the event pixel.

Anytime a user opens a Quick View to display more details about a product on your site, BloomReach expects a Quick View Event to fire. Quick Views are commonly found on Product Listing pages, but if there are alternate locations to trigger a Quick View, please also fire on those locations as well. 

To get started, follow the steps given below:

  1. Copy and paste the Quick View Event Tracking Snippet and install on all of your Quick View links or Quick View buttons. 
  2. Map the search & quick view event variables in the tracking snippet.
  3. Make sure to review the implementation scenarios to ensure that the quick view event data are sent to Bloomreach.

📘

If you do not have Quick Views, skip this section.

BrTrk.getTracker().logEvent("product", "quickview", {"prod_id" : "348574","prod_name": "Levi's Jeans Model 505","sku":"348574"});

Quick View Event Variables

Product ID

VariableTypeExampleDependenciesDescription
prod_idStringpid1234561.) Needs to match Product ID sent in feed

2.) Needs to match the prod_id in the conversion Page View Pixel.
This is the unique ID, which describes a product, product bundle, product collection or sku set. If a product is available in multiple SKUs (e.g. color/size combinations), this field refers to the id shared by all the SKUs for a product.

If you sell Collections, you can implement the pixel in several different ways. The table below outlines multiple scenarios and the pixel requirements for each.

ScenarioExamples
Product Collections have their own unique ID and are sold exactly like standalone productsEnter the collection ID. Make sure that this collection ID is sent in the feed as a product ID.

If your collection ID is collection5678, prod_id="collection5678"
Product Collections have their own unique ID, but cannot be purchased as a whole; only a collections' individual parts can be purchased. Each of these individual parts have their own IDEnter the collection ID. Make sure that this collection ID is sent in the feed as a product ID.

If your collection ID is collection5678, prod_id="collection5678"
Products that are a part of a Collection but can be purchased from their own individual product pageEnter the product ID.

If your product ID is prod1234, prod_id="prod1234"

sku

VariableTypeExampleDependenciesDescription
skuStringsku38738Needs to match Sku ID sent in feedUnique SKU id that representing the selected variant of this product 
(e.g. size M, color blue of a t-shirt). 

If your site does not have SKUs, leave this blank.

Scenario : Quick View on Category Page with Product ID and Sku ID

Example

BrTrk.getTracker().logEvent("product", "quickview", 
{"prod_id": "348574","prod_name":"Levi's Jeans Model 505", "sku":"348574"});

prod_name

VariableTypeExampleDependenciesDescription
br_data.prod_nameStringVariable Example: "Levi's Jeans Model 505"Needs to match the Product Name in the feedThe name of the product being viewed.

📘

For a full list of required and optional variables, see Pixel Reference