# User clicks on a product within 8.SET content

Let's assume you are showing content from 8.SET that was loaded via [8.API](https://docs.8select.io/api/examples/8.set). Whenever a user clicks on a product within that content you should send the respective `interact` event.

![](https://2912494604-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHKqRZhVzu1H_Op1cBA%2F-McFO70RhUIHQh11NtFQ%2F-McFYMoWpHFSbVeWFwiM%2FinteractProduct.gif?alt=media\&token=403ec554-6c20-47c3-be55-12a38d264eeb)

Suppose you requested content for product with SKU `457297-0001-00340`the API would return this:

```javascript
{
  "data": {
    "product": {
      "matchingProductClusters": {
        "edges": [
          {
            "node": {
              ...
            }
          },
          {
            "node": {
              ...
            }
          },
          {
            "node": {
              "products": {
                "edges": [
                  {
                    "node": {
                      "id": "724502-0002"
                    }
                  },
                  ...
                ]
              }
            }
          },
          ...
        ]
      }
    }
  }
}
```

The user clicks on the first product of the third cluster.

The event you send would look like that:

```javascript
{
  "type": "interact",
  "interact": {
    "action": "click",
    "type": "product",
    "product": {
      "sku": "379217-0006"
    }
  },
  "context": [
    {
      "content": {
        "matchingProductClusters": {
          "id": "457297-0001-00340"
        },
        "type": "matchingProductClusters"
      },
      "type": "content"
    },
    {
      "type": "user",
      "user": {
        "id": "c57a43f7-eefc-462b-b5a8-0ef421e90f67"
      }
    }
  ]
}
```

The type of the event is `interact`. The corresponding `interact` property is intended to specify the target and action of the event. In our case, this would be a `click` on a  `product`. Again, to describe the target more specifically, we include the `id` of the product interacted with — as returned in the API response.

Lastly, the `context` must contain an object with type `user`, as well as the `content` context specifying the type of content and the id as described in the [context](https://docs.8select.io/api-tracking/general/context) section.
