# アプリインストール用インタースティシャルを作成する

impact.com を使ってモバイル広告を配信している場合、ブロッキング/リダイレクト ルールを作成して、ユーザーをデバイスのアプリストア経由でアプリのダウンロード先に誘導したり、モバイルサイトへリダイレクトするように設定したりすることもできます。

ユーザーが広告のトラッキングリンクのいずれかをクリックすると、インタースティシャルページに移動し、そこでデバイスのアプリストアからアプリをダウンロードする、ウェブサイトに進む、または何もしないことを選べます。何もしない場合は自動的にウェブサイトへリダイレクトされます。impact.com はこれらのユーザーを追跡し、追跡しているイベントに応じて、コンバージョン（および/またはインストール）をパートナーに帰属させることができます。

#### インタースティシャルを設定する

1. 上部のナビゲーションバーから ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[ユーザープロフィール] → 設定**. 
2. 右側の列の *テクニカル*の下で、 **ブロッキングとリダイレクト**.
3. 右上隅で、 **ルールを設定**.
4. を追加します。 **名前** をインタースティシャルに付けます。
5. の *条件* セクションで、ドロップダウンを使用してルールを作成します: **モバイルフォールバックが True**.

{% hint style="success" %}
**注**：これにより、モバイルアプリフォールバックが設定された広告を使用しているモバイルデバイス上のユーザーのみが、アプリインストール用インタースティシャルにリダイレクトされます。これを追加のルールと組み合わせて、誰がインタースティシャルを表示できるかを決定できます。
{% endhint %}

6. の *アクション* セクションで、ドロップダウンを使用して **インタースティシャル**を選択します。これにより、パートナーや広告で指定されたディープリンク、または広告/キャンペーンのランディングページに基づいて、ユーザーは目的のページにリダイレクトされます。
7. の下で、 *テンプレート*ドロップダウンを使用して **アプリインストール**.
8. を選択します。 *アプリインストール* インタースティシャルをカスタマイズします。各設定オプションの詳細は、下記のアプリインストール用インタースティシャル設定を参照してください。 **プレビュー** ボタンを使うと、別ウィンドウでカスタマイズ内容をプレビューできます。
9. インタースティシャルの設定がすべて完了したら、 **保存**.

   <div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-176bfe4918220e2f14b9cb5b3907829340dd4188%2F952a5759fdb61e2d45eb153368f337efa0a29548b17ea3264a37ab6b6af5f9d0.png?alt=media" alt="" width="437"><figcaption></figcaption></figure></div>

<details>

<summary>アプリインストール用インタースティシャルの設定</summary>

アプリインストール用インタースティシャルを設定するために利用できる各オプションの詳細は、下の表を参照してください。 *アプリインストール* インタースティシャル。

<table><thead><tr><th></th><th></th></tr></thead><tbody><tr><td>ヘッダーテキスト</td><td>インタースティシャル上に大きな文字で表示される短いフレーズ。</td></tr><tr><td>ヘッダー色</td><td>ヘッダーテキストの色の16進コード。</td></tr><tr><td>サブヘッダー</td><td>ヘッダーの直下に小さな文字で表示される短いフレーズ。</td></tr><tr><td>ロゴをアップロード</td><td>フルロゴではなくロゴマークのアップロードをおすすめします。推奨形式は SVG です。代わりに PNG 画像をアップロードする場合は、2辺のうち長い方（幅または高さ）が少なくとも 500px の透過画像を推奨します。GIF、JPG、PNG、SVG のファイル形式に対応しています。最大ファイルサイズは 1 MB です。</td></tr><tr><td>カバー画像をアップロード</td><td>ここでは、インタースティシャルページ上部に表示する大きめのカバー画像をアップロードできます。GIF、JPG、PNG、SVG のファイル形式に対応しています。最大ファイルサイズは 1 MB です。</td></tr><tr><td>ダウンロードボタンのラベル</td><td>ユーザーをアプリのインストールページへ送るボタン内に表示される単語またはフレーズ。</td></tr><tr><td>ダウンロードボタンのフォント色</td><td>ダウンロードボタン内のフォント色の16進コード。</td></tr><tr><td>ダウンロードボタンの背景色</td><td>ダウンロードボタン自体の色の16進コード。</td></tr><tr><td>続行ボタンのラベル</td><td>ユーザーをウェブサイトへ送るボタン内に表示される単語またはフレーズ（<em>アプリのインストールページでは</em> ありません）。</td></tr><tr><td>続行ボタンのフォント色</td><td>続行（ウェブサイトへ）のボタン内のフォント色の16進コード。</td></tr><tr><td>自動リダイレクトのカウントダウン（任意）</td><td>ユーザーが自動的にモバイルウェブへリダイレクトされるまでの秒数を入力します。このオプションを無効にするには、空欄のままにするか 0 を設定してください。</td></tr><tr><td>［詳細設定］本文テキスト（任意）</td><td><p>これは、インタースティシャルに追加したい任意のテキストまたは HTML です。たとえば、以下の本文を設定してフォントファミリーを上書きできます:</p><pre><code>&#x3C;style> @import url('https://fonts.googleapis.com/css2?family=Oswald&#x26;display=swap'); body {font-family: 'Oswald', sans-serif;}&#x3C;/style>
</code></pre></td></tr></tbody></table>

</details>

#### アプリインストール用インタースティシャルをテストする

インタースティシャルの設定が完了したら、次はテストです。準備中にインタースティシャルをプレビューするのは簡単ですが、トラッキングリンクがクリックされたときに正しく表示されることも確認したいでしょう。

1. 広告とインタースティシャルのルールに一致するトラッキングリンクを使用してください。トラッキングリンクは、 *モバイルフォールバック* が有効で、アカウントで設定した iOS および/または Android アプリを参照している広告を参照する必要があります。また、トラッキングリンクは広告またはパートナー側で設定された追加ルール（つまり、パートナーがリンクに追加する可能性のある追加のクエリ文字列）にも一致している必要があります。
2. モバイルデバイスを手元にお持ちなら、テスト内容に応じて iOS または Android デバイスでリンクを開くことをおすすめします。あるいは、 [Chrome DevTools のデバイスモード](https://developers.google.com/web/tools/chrome-devtools/device-mode) を使ってモバイルデバイスをシミュレートすることもできます。
3. Chrome で、⌘ + Shift + C（macOS）または Ctrl + Shift + C（Windows、Linux）を押して Chrome DevTools を開きます。
4. 上部ツールバーの *Elements*の下で、 **デバイスツールバーの切り替え**の横にある、または ⌘ + Shift + M（macOS）または Ctrl + Shift + M（Windows、Linux）を押してモバイル表示に切り替えます。

   <div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-58c002071eaab804e6d140cd11e4bb2d2d6501d5%2Fd9d80fd29b6dc28a27f44c1037ae62161af07c0b290b802f1b82a5a485fbbc06.png?alt=media" alt="" width="329"><figcaption></figcaption></figure></div>
5. ブラウザでトラッキングリンクを読み込み、インタースティシャルをテストします。

読み込み後、インタースティシャルは、広告およびブロッキング/リダイレクト ルールで設定した内容に基づいて表示されるはずです。 *ダウンロード* と *続行* のリンクがどちらも想定どおりに機能することをテストしてください。 *続行* オプションでは、Gateway トラッキング設定で指定されたすべてのクエリ文字列パラメータが追加されることに注意してください。

#### トラッキングリンク用のパートナーのクエリ文字列パラメータ

モバイル広告トラッキングリンクを各チャネルで公開しているパートナーには、次のクエリ文字列パラメータを追加するよう指示することをおすすめします **手動で** 。利用可能な場合（つまり、impact.com からリンクをコピーした後、これらのクエリ文字列をそれぞれのトラッキングリンクに手動で追加する必要があります）。

<table><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><code>googleaid</code></td><td>アプリ→アプリのトラフィック向け。Google Play サービスから提供される Google Advertising Identifier。（文字列）</td><td><pre><code>https://le.pxf.io/c/1416144/694170/8882?googleaid={YOUR_APP_ADID}
</code></pre></td></tr><tr><td><code>appleifa</code></td><td>アプリ→アプリのトラフィック向け。Apple Identifier for Advertising</td><td><pre><code>https://le.pxf.io/c/1416144/694170/8882?appleifa={YOUR_APPLE_IFA}
</code></pre></td></tr><tr><td><code>u</code></td><td>ランディングページの上書きで、「ディープリンク」とも呼ばれます。指定されていない場合、ランディングページの URL はそれぞれ広告またはキャンペーンの URL 設定により決まります。ディファードディープリンクの場合、このリンクはインストール後にユーザーを関連商品のページへ結び付けるために使用されます。 <code>u=</code> の後に指定するリンクは、Gateway トラッキング設定で許可されたドメインでなければなりません。そうでない場合は動作しません。</td><td><pre><code>https://le.pxf.io/c/1416144/694170/8882?u=https://www.example.com/store/product.html
</code></pre></td></tr></tbody></table>