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:
Copy and paste the **Quick View Event Tracking Snippet** and install on all of your Quick View links or Quick View buttons.
Map the search & quick view event variables in the tracking snippet.
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.
## **Quick View Event Variables**
### **Product ID**
| **Variable** | **Type** | **Example** | **Dependencies** | **Description** |
| prod_id | String | pid123456 | 1.) Needs to match Product ID sent in feed <br> <br>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.
| **Scenario** | Examples |
| Product Collections have their own unique ID and are sold exactly like standalone products | Enter the collection ID. Make sure that this collection ID is sent in the feed as a product ID. <br> <br>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 ID | Enter the collection ID. Make sure that this collection ID is sent in the feed as a product ID. <br> <br>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 page | Enter the product ID. <br> <br>If your product ID is prod1234, prod_id="prod1234" |
### **sku**
| Variable | Type | Example | Dependencies | Description |
| sku | String | sku38738 | Needs to match Sku ID sent in feed | Unique SKU id that representing the selected variant of this product <br>(e.g. size M, color blue of a t-shirt). <br> <br>If your site does not have SKUs, leave this blank. |
### **Scenario** : Quick View on Category Page with Product ID and Sku ID
Example
### **prod_name**
| Variable | Type | Example | Dependencies | Description |
| br\_data.prod\_name | String | Variable Example: "Levi's Jeans Model 505" | Needs to match the Product Name in the feed | The name of the product being viewed. |