# Eventos de comercio electrónico enviados a Google Analytics

Una vez que Google Tag Manager esté integrado en su módulo de reservas, YoPlanning activa automáticamente los siguientes eventos de comercio electrónico si los activa en su back office.

***

### 📦 `ver_elemento`

Se activa al hacer clic en el detalle de un producto.

**Datos enviados**:

* `item_name` (nombre del producto)

***

### 🛒 `añadir_al_carrito`

Se activa al agregar una sesión o un vale de regalo (GBV) al carrito.

**Datos enviados**:

```json
{
  "currency": "EUR",
  "value": 150,
  "items": [
    {
      "item_name": "Canoë 3h",
      "item_variant": "session",
      "quantity": 2
    }
  ]
}
```

***

### 💳 `begin_checkout`

Se activa al hacer clic en "Pagar" en la última página.

**Datos enviados**:

```json
{
  "currency": "EUR",
  "value": 180,
  "cart_id": "YO123456"
}
```

***

### ✅ `compra`

Se activa al finalizar el pago. Existen dos modos dependiendo del tipo de integración del módulo de reservas.

***

#### 🔗 Modo **Acceso directo**

* El evento se activa automáticamente al finalizar el pago.
* No se requiere configuración adicional

***

#### 🧩 Modo **iframe**

Si el módulo está integrado a través de un iframe en su sitio:

* Debes definir una **URL de éxito** en la configuración de tu módulo en YoPlanning.
* Esta URL debe ser:
  * en el **mismo dominio** que su sitio (por ejemplo: `ejemplo.com/merci`)
  * e **incluya el script de integración de YoPlanning** (incluso si no se muestra ningún módulo en esta página)

Gracias a esta redirección, el evento 'compra' se envía correctamente en segundo plano.

***

#### 🧾 Datos enviados con el evento `compra`

```json
{
  "currency": "EUR",
  "value": 240,
  "transaction_id": "YO654321",
  "transaction_source": "Online",
  "items": [
    {
      "item_name": "Randonnée guidée",
      "item_variant": "session",
      "price": 120,
      "quantity": 2
    }
  ]
}
```
