# WooCommerce

### Шаг 1: Создать оффер

Для отслеживания без файлов cookie обязательно включить параметр click ID и токен в URL оффера, а также на всех целевых страницах при создании оффера в панели Offer18.

{% code title="Пример" overflow="wrap" %}

```
https://shopurl.com/?<ВАШ-ПАРАМЕТР-CLICK-ID>={tid}
```

{% endcode %}

***

### Шаг 2: Установите плагины

1. "WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager" от WPCode
2. "WooCommerce Conversion Tracking" от weDevs

#### Шаги для выполнения

1. Войдите в панель администратора WordPress.
2. Перейдите в «Плагины» и найдите «WooCommerce Conversion Tracking» и «WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager».

<figure><img src="https://1880954721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FBTnSlnwr0VCU4uTv6zV0%2Fimage.png?alt=media&#x26;token=6f92df1b-3037-46da-8399-64c4373bea5c" alt=""><figcaption></figcaption></figure>

3. Установите и активируйте «WooCommerce Conversion Tracking» и «WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager».

***

### Шаг 3: Размещение кода

1. Перейдите в Code Script **»** Header & Footer
2. Поместите приведенный ниже код в поле «Scripts in header»
3. Сохранить настройки

```html
<script src="https://web-resources.offer18.net/sdk/web/WebSDK.js"></script>
<script>
    window.Offer18WebSDK.initializeConversion('<ВАШ-ПАРАМЕТР-CLICK-ID>');
</script>
```

<figure><img src="https://1880954721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FVWjK7XVVyPy3CD962xDL%2Fimage.png?alt=media&#x26;token=9d1084cf-3443-4dc1-b0fa-40e11b3fce6c" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Пользователи должны заменить '\<YOUR-CLICK-ID-PARAMETER>' на параметр clickid, используемый при создании оффера.
{% endhint %}

***

### Шаг 4: Поместите следующий скрипт в Conversion Tracking

1. Перейдите в Conversion Tracking (подменю вкладки WooCommerce).
2. Включите «Custom» и поместите приведенный ниже код в «Successful Order».
3. Сохранить изменения

```html
<script>
    window.Offer18WebSDK.trackConversion({
        domain: '',
        accountId: '',
        offerId: '',
        coupon: '', 
        postbackType: '', // 'iframe' или 'pixel'
        isGlobalPixel: false, // true или false
        allowMultiConversion: false, // true или false
        conversionData: {
            event: '', // Название события (Укажите, пожалуйста, событие)
            payout: '', // Сумма выплаты (Укажите, пожалуйста, сумму выплаты)
            sale: '', // Сумма продажи (Укажите, пожалуйста, сумму продажи)
            currency: '',
            adv_sub1: '',
            adv_sub2: '',
            adv_sub3: '',
            adv_sub4: '',
            adv_sub5: '',
        }
    })
</script>
```

<figure><img src="https://1880954721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FXJbEkIEJbuAJjE86VEcq%2Fimage.png?alt=media&#x26;token=0f2a1a9a-68ab-45d7-9d8e-ebb1103b0c65" alt=""><figcaption></figcaption></figure>

***

Вы можете собирать данные о конверсиях, используя различные параметры постбэка Offer18 и атрибуты данных WooCommerce.

| **Параметр постбэка Offer18** | **Параметр WooCommerce** |
| ----------------------------- | ------------------------ |
| sale                          | {order\_subtotal}        |
| adv\_sub4                     | {order\_number}          |