# 如何将 Web Offerwall 集成到网页中

> 使用自定义 JavaScript 实现 Web Offerwall。

以下是 HTML 代码示例。请将 **SDK\_KEY** 更新为我们团队提供的密钥。

每个用户必须具有唯一的 **USER\_ID**。

**PLACEMENT\_NAME** 是可选参数，其默认值为 `#WebOfferwall`。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>

  <body>
    <script>
      (() => {
        var t, a, p, j, o, y;
        (t = window),
          (a = document),
          (p = 'https://rewards.unity.com/owp/web/sdk/latest'),
          'function' == typeof t[(j = 'Tapjoy')]
            ? t[j]('activator-reinitialized')
            : ((t[j] = function () {
                (t[j].q = t[j].q || []).push(arguments);
              }),
              (t[j].l = 1 * new Date()),
              (o = a.createElement('script')),
              (y = a.getElementsByTagName('script')[0]),
              (o.async = 1),
              (o.src = p),
              y.parentNode.insertBefore(o, y));
      })();
    </script>
    <script>
      Tapjoy('init', {
        sdkKey: '<SDK_KEY>',
        publisherUserId: '<USER_ID>',
        eventName: '<PLACEMENT_NAME>',
      });
    </script>

    <button onclick="javascript:Tapjoy('showOfferwall', {});">Click Me</button>
  </body>
</html>
```
