> For the complete documentation index, see [llms.txt](https://knowledgebase.offer18.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://knowledgebase.offer18.com/ru/partnyor/integraciya/integraciya-google-ads-web-sdk.md).

# Интеграция Google Ads — Web SDK

Для интеграции с Google Ads мы рекомендуем использовать прямой метод с Web SDK вместо метода перенаправления. Используйте ссылку рекламодателя в поле шаблона отслеживания в Google Ads, чтобы без проблем отслеживать конверсии в Offer18 с помощью Web SDK. Этот подход повышает точность и эффективность мониторинга эффективности ваших объявлений.

### Создать кампанию

1. Создать оффер, используя ссылку рекламодателя в Offer18
2. Получите партнерский URL отслеживания или URL показа и удалите идентификатор партнера (Affiliate ID) `(&a=0000)` 

{% code overflow="wrap" %}

```
Пример URL отслеживания: https://example.o18.link/c?o=0000000&m=0000
Пример URL показа: https://example.o18.link/i?o=0000000&m=0000
```

{% endcode %}

3. Используйте этот URL в Web SDK

#### Создать кампанию в Google Ads 

1. Войдите в аккаунт Google Ads
2. Нажмите на "**+ НОВАЯ КАМПАНИЯ**" чтобы создать новую кампанию
3. Выберите цель кампании, например - **Продажи, лиды, трафик на сайт,** и т.д. 
4. Определить **Название кампании, таргетинг и бюджет**
5. Определить **группы объявлений** и **ключевые слова**
6. Создать объявления **» Параметры URL объявления**
7. Разместить **URL рекламодателя** в "**Шаблон отслеживания**"

{% hint style="warning" %}

#### **Измените URL рекламодателя перед добавлением в шаблон отслеживания**

Вы должны включить идентификатор партнера (Affiliate ID) как параметр запроса в URL рекламодателя. Ключ параметра, используемый здесь, будет использоваться в Web SDK для получения идентификатора партнера.
{% endhint %}

{% code title="Пример URL рекламодателя" %}

```
https://example.com?<YOUR-PARAMETER-KEY>=00000
```

{% endcode %}

8. Добавить суффикс URL (если есть)
9. Перейдите к «Сохранить объявление»

#### [<mark style="color:синий;">**Узнайте больше о создании кампании в Google Ads**</mark>](/ru/partnyor/integraciya/integraciya-google-ads.md#create-campaign)

***

## Интеграция на стороне рекламодателя

При настройке интеграции на стороне рекламодателя сконфигурируйте WebSDK, используя данные Tracking link.

Чтобы начать отслеживание с веб-SDK Offer18, необходимо добавить тег script на веб-сайт.

<mark style="color:фиолетовый;">Размещение : Заголовок (Все страницы)</mark>

{% code fullWidth="false" %}

```html
<script src="https://web-resources.offer18.net/sdk/web/WebSDK.js"></script>
```

{% endcode %}

### Отслеживать клики

Чтобы отслеживать клики с помощью SDK, добавьте следующий код в ваш скрипт.

<mark style="color:фиолетовый;">Размещение : Заголовок (Все страницы)</mark>

{% code fullWidth="false" %}

```html
<script>
    window.Offer18WebSDK.trackClick({
        trackingURL: '<YOUR-TRACKING-LINK>',
        keymapping: ['a:<YOUR-PARAMETER-KEY>']
    });
</script>
```

{% endcode %}

{% tabs %}
{% tab title="Конфигурация объекта - window\.Offer18WebSDK.trackclick()" %}

1. **trackingURL** (Обязательно): Замените `<YOUR-TRACKING-LINK>` на URL отслеживания без идентификатора партнера
2. **keymapping** : Замените `<YOUR-PARAMETER-KEY>` на ключ параметра, который использовался в Google Ads для передачи идентификатора партнера
   {% endtab %}
   {% endtabs %}

### Отслеживать показы

Чтобы отслеживать показы с помощью SDK, добавьте следующий код в ваш скрипт.

<mark style="color:фиолетовый;">Размещение : Заголовок (Все страницы)</mark>

{% code fullWidth="false" %}

```html
<script>
    window.Offer18WebSDK.trackClick({
        impressionURL: '<YOUR-IMPRESSION-LINK>',
        keymapping: ['a:<YOUR-PARAMETER-KEY>']
    });
</script>
```

{% endcode %}

{% tabs %}
{% tab title="Конфигурация объекта - window\.Offer18WebSDK.trackclick()" %}

1. **impressionURL** (Обязательно): Замените `<YOUR-TRACKING-LINK>` с URL показа без идентификатора партнера&#x20;
2. **keymapping** : Замените `<YOUR-PARAMETER-KEY>` на ключ параметра, который использовался в Google Ads для передачи идентификатора партнера
   {% endtab %}
   {% endtabs %}

### Отслеживать конверсии

Рекламодатель должен добавить следующий фрагмент кода на все посадочные страницы, кроме страницы подтверждения заказа / страницы успеха заказа (Thank you).

<mark style="color:фиолетовый;">Размещение : Страница благодарности/Страница успешного заказа (Одна страница)</mark>

```html
<script>
    window.Offer18WebSDK.trackConversion({
        domain: '',
        accountId: '',
        offerId: '',
        coupon:'',
        postbackType: '', // 'iframe' or 'pixel'
        isGlobalPixel: false, // true or false
        allowMultiConversion: false, // true or false
        conversionData: {
            event: '', // Event Name (Please specify the event)
            payout: '', // Payout Amount (Please specify the payout amount)
            sale: '', // Sale Amount (Please specify the sale amount)
            currency: '',
            adv_sub1: '',
            adv_sub2: '',
            adv_sub3: '',
            adv_sub4: '',
            adv_sub5: '',
        }
    })
</script>
```

Нажмите на ссылку ниже, чтобы узнать больше о Web SDK Offer18

{% content-ref url="/pages/b200b3e315a8e7158ec44f2b2555027e91c61be3" %}
[Web SDK](/ru/set/sdk/web-sdk.md)
{% endcontent-ref %}