> 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/zh/lian-meng-ke/ji-cheng/google-ads-ji-cheng-web-sdk.md).

# Google Ads 集成 - Web SDK

为了与 Google Ads 集成，我们建议使用带有 Web SDK 的直接方法，而不是重定向方法。在 Google Ads 的跟踪模板字段中使用广告主的链接，以便在 Offer18 中通过 Web SDK 无缝跟踪转化。这种方法可提高广告表现监测的准确性和效率。

### 创建活动

1. 使用广告主链接在 Offer18 中创建 Offer
2. 获取 Affiliate 跟踪 URL 或曝光（Impression）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. 在 Web SDK 中使用此 URL

#### 在 Google Ads 创建广告活动 

1. 登录 Google Ads 帐户
2. 点击 "**+ NEW CAMPAIGN**" 创建新广告活动
3. 选择广告活动目标，例如 - **销售、线索、网站流量、** 等。 
4. 定义 **活动名称、定位和预算**
5. 定义 **广告组** 和 **关键字**
6. 创建广告 **» 广告 URL 选项**
7. 投放地点 **广告主 URL** 放在 “**跟踪模板**"

{% hint style="warning" %}

#### **在将广告主 URL 添加到跟踪模板之前进行修改**

您应在广告主的 URL 中以查询参数形式包含 Affiliate ID。此处使用的参数键将在 Web SDK 中用于检索 Affiliate ID。
{% endhint %}

{% code title="示例广告主 URL" %}

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

{% endcode %}

8. 添加 URL 后缀（如有）
9. 转到 "保存广告"

#### [<mark style="color:蓝色;">**了解有关在 Google Ads 创建广告活动的更多信息**</mark>](/zh/lian-meng-ke/ji-cheng/google-ads-ji-cheng.md#create-campaign)

***

## 广告主端集成

在广告主端设置集成时，使用数据跟踪链接配置 WebSDK。

要开始使用 Offer18 的 Web SDK 进行追踪，需要在网站中添加一个 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>` 为不包含 Affiliate ID 的跟踪 URL
2. **keymapping** : 替换 `<YOUR-PARAMETER-KEY>` 为在 Google Ads 中用于传递 Affiliate ID 的参数键
   {% 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>` 为不包含 Affiliate ID 的曝光 URL&#x20;
2. **keymapping** : 替换 `<YOUR-PARAMETER-KEY>` 为在 Google Ads 中用于传递 Affiliate ID 的参数键
   {% endtab %}
   {% endtabs %}

### 追踪转化

广告主必须将以下代码片段添加到所有落地页中，但不包括订单确认 / 订单成功（感谢）页面。

<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>
```

点击下面的链接了解有关 Offer18 的 Web SDK 的更多信息

{% content-ref url="/pages/b6eeace03ef61c61712f54e679a7ea8f407f3ee6" %}
[Web SDK](/zh/wang-luo/sdk/web-sdk.md)
{% endcontent-ref %}