---
# System prepended metadata

title: Doc of Detox & Shop - Developer Instructions | Web

---

# Doc of Detox & Shop - 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
Transmitting events via gtag:
* View_item_list
* Remove from cart
* Refund

---
**View_item_list**
If a user sees a list of items/offerings

Then you need to send an event "config G-4V4P5GB7RE"
```
<gtag("config", "G-4V4P5GB7RE");
gtag("event", "view_item_list", {
  item_list_id: "related_products",
  item_list_name: "Related products",
  items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",      
      item_brand: "Google",
      item_category: "Apparel",         
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",      
      price: 9.99,
      quantity: 1
    }
  ]
});
```
**Screenshot**
![image](https://hackmd.io/_uploads/HkE4mRjma.png)



---
Remove from cart
If the user removes items from the cart or reduces the number of items

Then you need to send an event "config G-4V4P5GB7RE"
```
<gtag("config", "G-4V4P5GB7RE");
gtag("event", "remove_from_cart", {
  currency: "USD",
  value: 7.77,
  items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",            
      item_brand: "Google",
      item_category: "Apparel",           
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",      
      price: 9.99,
      quantity: 1
    }
  ]
});
```
**Screenshot**
![image](https://hackmd.io/_uploads/rJhkNRiX6.png)



---
**Refund**
When a user wants to return an item and receive funds in return

Then you need to send an event "config G-4V4P5GB7RE"
```
gtag("config", "G-4V4P5GB7RE");
gtag("event", "refund", {
  currency: "USD",
  transaction_id: "T_12345", // Transaction ID. Required for purchases and refunds.
  value: 12.21,
  coupon: "SUMMER_FUN",
  shipping: 3.33,
  tax: 1.11,
  items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",      
      coupon: "SUMMER_FUN",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",           
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",      
      price: 9.99,
      quantity: 1
    }
  ]
});
```
* * *

## [<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>