Product Detail Page Example

A product detail page is any page on your site that contain details for a product, such as available sizes, colors, models, etc.

Example of a product detail page on an online retailer's site

Code Sample

// Product Page Example  
window.monetateQ = window.monetateQ || [];
window.monetateQ.push([
  "addProductDetails", [{
    productId: "pidString",
    sku: "optionalSkuString"
  }]
]);
window.monetateQ.push([
  "trackData"
]);

Although both product ID (PID) and SKU are required in a product catalog, you're only required to implement method calls for PID. That said, you should implement SKU if you intend to use recommendations or target by SKU.

Monetate Inspector Example

To verify that you have correctly implemented your site's product page, launch the Monetate Inspector browser plug-in. If the page has been implemented successfully, you see product in the Page Type row.

The Components tab of Monetate Inspector, with 'product' in the Page Type row and product IDs and product SKUs in the Products row

In this example, the product detail page has the method setPageType with the value of product. The addProductDetails method is also present. It allows the Monetate platform to capture the specific details of the product that the customer is viewing. A unique identifier denotes details such as a product ID (PID).

The page also contains the trackData method to send the collected data to Monetate.

Code Sample

Monetate Inspector Example

Related Articles