---
# System prepended metadata

title: Yes-tm Cash&Carry - Developer Instructions | Web

---

# Yes-tm Cash&Carry - Developer Instructions | Web
This measurement plan contains an overview of all data(points) we advise to collect on your platform. These are supplemented with code snippet instructions aimed at developers who play an important role in the measurement setup. As not all data is available on the page initially, we ask developers to prepare this and provide the necessary data when certain interaction events take place. Our goal is to deploy an error-proof setup which is not prone to changes in the DOM of the website. Therefore we strive to collect as much data as possible made available through back- and frontend data streams.

Every part of the measurement plan is structured by an ‘if’, ‘then’, ‘whereby’ structure that explains the exact moment data needs to be made available.

Product names, category names must be normalized to the same language when passing the event to the DataLayer, regardless of the language of the user interface.

Table of Contents
Transferring events to the DataLayer:
* View item
---
**View item**
If a user sees a list of items/offerings

then the following dataLayer has to be filled:
```
// Measure a view of product details. This example assumes the detail view occurs on pageload,
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_item",
  ecommerce: {
    items: [{
      item_name: "Сумка на пояс YES SP-32 Urban Classics" (Артикул: 559522), // Name or ID is required.
      item_id: "SP-32",
      price: 911.00,
      item_brand: "Urban Classics",
      item_category: "Сумка на пояс",
      item_variant: "Салатовий",
      item_list_name: "Search Results",  // If associated with a list selection.
      item_list_id: "SR123",  // If associated with a list selection.
      index: 1,  // If associated with a list selection.
      quantity: 1
    }]
  }
});
```
**Screenshot**
![image](https://hackmd.io/_uploads/rkpBSREVa.png)

* * *

## [<span class="octicon octicon-link" style="color: rgb(0, 0, 0); vertical-align: middle; visibility: hidden;"></span>](#Contact-for-Questions "Contact-for-Questions")Contact for Questions

<div class="alert alert-info" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;Helvetica Neue&quot;, Helvetica, Roboto, Arial, sans-serif; font-size: 16px; letter-spacing: 0.35px; margin-bottom: 0px !important;">

<span style="font-weight: 700;">For all the questions regarding the measurement plan please reach out to:</span>  
Nataliia Pavlova - nataliia.pavlova@newage.agency
</div>