# インストール

> ウェブアプリケーションに Web Offerwall SDK をインストールして認証する方法を説明します。

## 前提条件##prerequisites

Web Offerwall を実装するには、[自己管理通貨ポストバック](../../monetization/virtual-currency/self-managed-currency) を実装する必要があります。また、パブリッシャーダッシュボードを使用して SDK キーにアクセスしてアプリを作成します。

## SDK フロー##sdk-flow

SDK は、オファーウォールを表示する前に、現在のユーザーを接続して検証する必要があります。

![Web Offerwall SDKフローの図。オファーウォールをレンダリングする前にSDKがどのように現在のユーザーを接続し、検証するかを示しています。](/api/media?file=/grow/media/images/SDK.flow.png)

## SDK スニペットの追加##adding-sdk-snippet

このスニペットを HTML コードに追加します。このスニペットを追加すると、以下のようになります。

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

SDK は、このスニペットの後であればどこでも使用できます。以下は初期化の例です。

```html
<script>
  Tapjoy('init', {
    sdkKey: '<SDK_KEY>',
    publisherUserId: '<USER_ID>',
    eventName: '<PLACEMENT_NAME>', // default is '#WebOfferwall'
  });
</script>
```

## プリフェッチ##prefetching

デフォルトでは、webofferwall は **sdkKey** / **publisherUserId** の変更ごとにプリロードされます。

オファーウォールのプリフェッチを停止するには、以下のように `init` 呼び出しに `preload` 引数を追加します。

```javascript
Tapjoy('init', {
    ...,
    preload: false,
})
```

プロセスの後半でプリロードする場合は、`preload` メソッドを呼び出します。

```javascript
Tapjoy('preload');
```