# 웹 오퍼월을 웹페이지에 연동하는 방법

> 커스텀 JavaScript를 사용하여 웹 오퍼월을 구현합니다.

다음은 샘플 HTML 코드입니다. Unity 팀에서 제공한 버전을 사용하여 **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', {});">여기 클릭</button>
  </body>
</html>
```
