# 記事アセットを作成する

impact.com は検索ウィジェット、埋め込みフォーム、商品バナーなどを含む静的および動的HTML広告の両方をサポートしています。As an *記事アセット*として、サードパーティツールを使わずにいつでもHTML広告を更新できます。アップロードするには、次の2つの必須項目を含めてください：

* 安全なHTTPSランディングページ（絶対URL、で始まる） `http://` または `https://`).
* ユーザーが広告をクリックしたときに追跡したい任意の動的URLトークン。

#### 記事アセットを作成

1. 左側のナビゲーションバーから、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage]** → **コンテンツ** → **広告**.
2. 右上隅で、次を選択します **広告を作成** ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]**、次に選択します **記事**.
3. 以下のセクションに情報を入力してください：

<details>

<summary>アセットの詳細</summary>

1. アセットのための **名前** を入力します。
2. 任意で、アセットの詳細を説明する **説明** を入力します。
3. の下で *ランディングページ*、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]** **カスタム** でアセット用のカスタムランディングページを設定します。設定を **デフォルト** のままにして、顧客をプログラムのランディングページに誘導します。
4. 広告がモバイルアプリでの表示を意図している場合、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[トグルオン]** **モバイルフォールバック** をオンにして、関連する [モバイルアプリプロパティ](https://app.gitbook.com/s/b2rE79d9UhOKZQLgzSqx/what-would-you-like-to-learn-about/account-management/account-settings/connect-media-properties/connect-a-mobile-app) を選択し、アプリのストアの掲載ページにリンクします。
   * これにより、アプリを持っていないユーザーがアプリのダウンロード先にリダイレクトされます。
5. ランディングページのトラッキングリンクにパラメータを追加するには、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6282f271b7521383385339243690b303086736d9%2F3b5a585dd2895bdf1c30d1236c72ba590dddd18717863b27074c8d313d05ae20.svg?alt=media) **\[メタデータを追加]**。これらのパラメータはアセットのトラッキングリンクの末尾に追加されます。
   * について詳しくはこちら [トラッキングリンクのパラメータ](https://help.impact.com/brand/ja/wobitaidesuka/platform-features/tracking/tracking-explained/tracking-link-parameters-explained).
6. 任意で、アセットをより検索しやすくするために **ラベル** を入力します。
   * 作成および管理について詳しくはこちら [アセットラベル](https://help.impact.com/brand/ja/wobitaidesuka/platform-features/ads/manage-ads/add-labels-to-assets).
7. ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[トグルオン] パートナーアクセスを制限** してどのパートナーグループがこのアセットを使用できるかを設定し、検索します **パートナーグループ** に対してこのアセットへのアクセス権を付与します。

</details>

<details>

<summary>アセット設定</summary>

1. フィールドに、広告のHTML/CSS/JSコードを入力するか、リッチテキストエディターのオプションを使用してコンテンツをより簡単に書式設定します。 *コンテンツ* ヒント：
   * **リッチテキストエディターを使用して、コンテンツ内に画像を直接インラインでアップロードできます。** 動的トークンを使用している場合は、次を選択します
2. 他の動的フィールドを挿入 **して利用可能なすべてのトークン挿入を表示します。** 次の
   * 動的トークン *参照を下記で確認して、各トークンがどのような種類のコンテンツを挿入するかを学んでください。* 任意で、次の
3. アセットサイズ **を選択し、から解像度を選んでください** その他 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]**.
   * オプションではカスタムサイズを設定できます。 *プロモーションの詳細* 任意で、既存の

</details>

<details>

<summary>ディール</summary>

1. を選択してください **新しいディールを追加** または **を** \[ドロップダウンメニュー] ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **から選択します**.
2. 任意で、アセットの **開始日** および **終了日** を設定し、次の **タイムゾーン** \[ドロップダウンメニュー] ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]**.
   * を設定します。 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-82e75b518a6cfe0fb2fedc3e1d21154fc9dee900%2F3754728747f89a16597a42d74f841edf8612889648f257c01aff47a200ac144d.svg?alt=media) **アセットの日付に適用するには、次を選択します** \[カレンダー] ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]** 、次に開始時刻と終了時刻を設定するために
3. を設定します。 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9fd92d4378edf839f6a1f6fc0beaa1660b3892b5%2F69842c54f03332c1e2eed608d72b25ad10248384a914164a7255a1e94dc76ee2.svg?alt=media) **任意で、次を選択します** **\[未チェックボックス]**&#x671F;限切れ時にランディングページを変更する **、続けて選択します** ルールを設定

**してランディングページが期限切れになった場合に何が起きるかを設定します。**

1. リダイレクト ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]** から、を選択します **してランディングページが期限切れになった場合に何が起きるかを設定します。**.
2. アセットがリダイレクトするリンクを入力してください。
3. 任意で、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[トグルオン]** **インタースティシャルページ** を有効にしてこのルールに関連付けられたインタースティシャルページを設定します。
4. リダイレクト **テンプレート** ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]** から、を選択します **カスタム** または **アプリインストール**.
   1. **カスタム**
      1. アセットのための **ヘッダーテキスト**.
      2. 任意で、アセットの詳細を説明する **本文テキスト**.
      3. 任意で、アセットをより検索しやすくするために **このアセットの追加利用規約。** 任意で、次の
      4. \[未チェックボックス] ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **を選択して** ユーザーの確認を必須にする **表示パートナーのロゴを表示（共同ブランド）**.
      5. を設定します。 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **任意で、次を選択します** ユーザーの確認を必須にする **を選択すると、あなたのロゴとパートナーのロゴを一緒に表示して共同ブランド体験を提供します。** CSSをカスタマイズ
      6. を設定します。 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **任意で、次を選択します** ユーザーの確認を必須にする **してテキストボックスに希望するCSSコードを追加します。** を選択します
      7. プレビュー **ヘッダーフォントの色**.
   2. **アプリインストール**
      1. アセットのための **ヘッダーテキスト** および **サブヘッダー**.
      2. アセットのための **サブヘッダーフォントの色** および **ロゴを**.
      3. アップロードするには **ロゴをアップロード** および **カバー画像をアップロード**、次を選択します **ファイルを選択**。GIF、JPG、PNG、SVG形式のファイルがサポートされています。最大ファイルサイズは1 MBです。
      4. アセットのための **ダウンロードボタンのラベル** （例： *今すぐダウンロード*).
         * アセットのための **ダウンロードボタンのフォント色** および **ダウンロードボタンの背景色**.
         * アセットのための **続行ボタンのラベル** および **続行ボタンのフォント色**.
      5. 次の **自動リダイレクトのカウントダウン** にリダイレクトする前に許可される秒数を入力します。
      6. 任意で、アセットの詳細を説明する **本文テキスト**.
      7. を設定します。 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **任意で、次を選択します** ユーザーの確認を必須にする **を選択すると、あなたのロゴとパートナーのロゴを一緒に表示して共同ブランド体験を提供します。** CSSをカスタマイズ
      8. を設定します。 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **任意で、次を選択します** ユーザーの確認を必須にする **してテキストボックスに希望するCSSコードを追加します。** を選択します
      9. プレビュー **ヘッダーフォントの色**.

**ブロック**

1. 任意で、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[トグルオン]** ユーザーの確認を必須にする **インタースティシャルを使用** を有効にしてこのルールに関連付けられたインタースティシャルページを設定します。
2. リダイレクト **テンプレート** ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]** から、を選択します **カスタム**.
3. アセットのための **ヘッダーテキスト**.
4. 任意で、アセットの詳細を説明する **本文テキスト**.
5. プレビュー **ヘッダーフォントの色**.

**インタースティシャル**

1. リダイレクト **テンプレート** ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]** から、を選択します **カスタム** または **アプリインストール**.
   1. **カスタム**
      1. アセットのための **ヘッダーテキスト**.
      2. 任意で、アセットの詳細を説明する **本文テキスト**.
      3. 任意で、アセットをより検索しやすくするために **このアセットの追加利用規約。** および適用される条件。
      4. を設定します。 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **を選択して** ユーザーの確認を必須にする **表示パートナーのロゴを表示（共同ブランド）**.
      5. を設定します。 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **任意で、次を選択します** ユーザーの確認を必須にする **を選択すると、あなたのロゴとパートナーのロゴを一緒に表示して共同ブランド体験を提供します。** CSSをカスタマイズ
      6. を設定します。 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **任意で、次を選択します** ユーザーの確認を必須にする **してテキストボックスに希望するCSSコードを追加します。** を選択します
      7. プレビュー **ヘッダーフォントの色**.
   2. **アプリインストール**
      1. アセットのための **ヘッダーテキスト** および **サブヘッダー**.
      2. アセットのための **サブヘッダーフォントの色** および **ロゴを**.
      3. アップロードするには **ロゴをアップロード** および **カバー画像をアップロード**、次を選択します **ファイルを選択**。GIF、JPG、PNG、SVG形式のファイルがサポートされています。最大ファイルサイズは1 MBです。
      4. アセットのための **ダウンロードボタンのラベル** （例： *今すぐダウンロード*).
         * アセットのための **ダウンロードボタンのフォント色** および **ダウンロードボタンの背景色**.
         * アセットのための **続行ボタンのラベル** および **続行ボタンのフォント色**.
      5. 次の **自動リダイレクトのカウントダウン**、リダイレクトする前に許可される秒数を示すために。
      6. 任意で、アセットの詳細を説明する **本文テキスト**.
      7. を設定します。 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **任意で、次を選択します** ユーザーの確認を必須にする **を選択すると、あなたのロゴとパートナーのロゴを一緒に表示して共同ブランド体験を提供します。** CSSをカスタマイズ
      8. を設定します。 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **任意で、次を選択します** ユーザーの確認を必須にする **してテキストボックスに希望するCSSコードを追加します。** を選択します
      9. プレビュー **ヘッダーフォントの色** プレビューに満足したら、次を選択します **送信**.

**モバイルディープリンク**

1. リダイレクト **テンプレート** ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]**、次を選択します **モバイルディープリンク**.
2. 次を入力します **ヘッダーテキスト** および **サブヘッダー**.
3. 次を入力します **サブヘッダーフォントの色** および **ロゴを**.
4. アップロードするには **ロゴをアップロード** および **カバー画像をアップロード**、次を選択します **ファイルを選択**。GIF、JPG、PNG、SVG形式のファイルがサポートされています。最大ファイルサイズは1 MBです。
5. 次の **アプリを開くボタンのラベル** （例： *アプリに移動*).
   * 次の **アプリを開くボタンのフォント色** および **アプリを開くボタンの背景色**.
   * アセットのための **続行リンクのラベル** および **続行リンクのフォント色**.
6. いつ **アプリを開く** かを選択するには、次のいずれかを選択します、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-590bdf4e1ffbcc1fe86ad456bebab6a28c64af1f%2Ffd6e4291628446bb1fe27a831f7874b256a28cc84833d72cce2e73b94641edb7.svg?alt=media) **\[ラジオボタン]** **インタースティシャルが読み込まれた時点で即座に** または ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-590bdf4e1ffbcc1fe86ad456bebab6a28c64af1f%2Ffd6e4291628446bb1fe27a831f7874b256a28cc84833d72cce2e73b94641edb7.svg?alt=media) **\[ラジオボタン]** **ボタンがタップされたとき**.
7. プレビュー ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9fd92d4378edf839f6a1f6fc0beaa1660b3892b5%2F69842c54f03332c1e2eed608d72b25ad10248384a914164a7255a1e94dc76ee2.svg?alt=media) **任意で、次を選択します** を選択して、オプトインの **自動リダイレクト** を選択し、リダイレクトする前に許可される秒数を入力します。
8. アセットのための **デフォルトのURIパス** を使用して構築するときに使用されます [モバイルURI](https://help.impact.com/brand/ja/wobitaidesuka/platform-features/tracking/mobile-app-tracking/configure-deep-linking-logic-with-uri-schemes) プログラムのURLスキームがで構成されている場合 [*一般トラッキング設定*](https://app.impact.com/secure/advertiser/tracking-settings/general-trackingsettings-flow.ihtml).
9. アセットのための **カスタムURI正規表現** を使用して、アプリのカスタムURLスキーム内のモバイルURIにマッチするパターンを定義します。
10. を設定します。 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9fd92d4378edf839f6a1f6fc0beaa1660b3892b5%2F69842c54f03332c1e2eed608d72b25ad10248384a914164a7255a1e94dc76ee2.svg?alt=media) **任意で、次を選択します** ユーザーの確認を必須にする **してテキストボックスに希望するCSSコードを追加します。** を選択します
11. プレビュー **ヘッダーフォントの色**.
12. 任意で、アセットが次のかどうかを指定します **季節限定** かどうか、関連するプロモーション期間を選択するには ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]** を使用します。
13. の下で *追加のプロモーションオプション*、次のことを選択できます ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9fd92d4378edf839f6a1f6fc0beaa1660b3892b5%2F69842c54f03332c1e2eed608d72b25ad10248384a914164a7255a1e94dc76ee2.svg?alt=media) **\[チェックボックス] オファーがベストセラー商品である** または ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9fd92d4378edf839f6a1f6fc0beaa1660b3892b5%2F69842c54f03332c1e2eed608d72b25ad10248384a914164a7255a1e94dc76ee2.svg?alt=media) **\[チェックボックス] メディアパートナーがこのプロモーションのために独自のプロモコードを要求できるようにする**.

</details>

<details>

<summary>詳細設定</summary>

1. リダイレクト ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]**、次のいずれの言語で **言語** このアセットを配信するかを選択します。
2. パートナーがこのアセットに対してiFrameトラッキングコードのみを使用するように制限し（HTMLトラッキングコードを防ぐ）、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9fd92d4378edf839f6a1f6fc0beaa1660b3892b5%2F69842c54f03332c1e2eed608d72b25ad10248384a914164a7255a1e94dc76ee2.svg?alt=media) **\[チェックボックス]** **このアセットに対してパートナーをiFrameトラッキングコードに制限する**.
3. アセットのためにサードパーティピクセルを設定するには、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[トグルオン] サードパーティインプレッションピクセル**.
   * これにより、インプレッションデータを外部の分析システムに送信できます。
   * 動的トークン *参照を下記で確認して、各トークンがどのような種類のコンテンツを挿入するかを学んでください。* 参照して、各トークンで挿入できるコンテンツの種類を確認してください。

</details>

4. を設定します。 **保存** または **下書きを保存** ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[ドロップダウンメニュー]** し、次のオプションから選択します：

{% tabs %}
{% tab title="保存" %}

* **保存** - アセットを保存して有効化します。
* **保存して別のを作成** - アセットを保存して別の作成フォームを開きます。
* **同じ設定で保存して別のを作成** - アセットを保存し、同じ設定を事前入力した新しいアセット作成を開始します。
  {% endtab %}

{% tab title="下書きを保存" %}

* **下書きを保存** - アセットを有効化せずに進行中の作業を保存します。
* **保存して別のを作成** - 下書きを保存して新しい下書きフォームを開きます。
* **同じ設定で保存して別のを作成** - 下書きを保存し、同じ設定を事前入力した新しい下書きを開始します。
  {% endtab %}
  {% endtabs %}

**動的コンテンツ広告の例**

フィールドに、広告のHTML/CSS/JSコードを入力するか、リッチテキストエディターのオプションを使用してコンテンツをより簡単に書式設定します。 *例のコード* 下に示されている例では、次のものがあります：

* テキストボックス入力と「送信」ボタンを備えたHTMLフォーム
* 他のコンテンツとは独立してフォームをスタイル設定するための埋め込みCSS
* A `<div>` ウィジェットのコンテナ
* impact.comのトラッキングリンクを動的に生成しクエリ文字列パラメータを追加するJavaScript関数
* A `<noscript>` システムが外部リンクを持たないスクリプトを受け入れるためのタグ（このタグがないと、このクリエイティブをアップロードしようとした際にエラーが発生します。）

  実際には、これらの要素の多くはあなたのウェブサイトでホストまたは埋め込み可能です—impact.comは動的コンテンツのための外部HTML、CSS、JavaScriptファイルをサポートします。

```programlisting
<style type="text/css">  
#search-widget-container 
{    font-family:"Verdana";
     padding:20px;     
     width:280px;    
     height:75px;
     margin:30px;
     background:#FFFFFF;
     border:1px solid #BBBDBF;
     border-radius:6px;
     box-shadow:5px 5px 2px rgba(0,0,0,0.1);   }   
     #submitbutton 
     {background:#fff;
     color:#3B91CF;
     font-weight:bold;
     font-size:12px;
     padding:5px:
     border-radius:6px;
     border:1px solid #3B91CF;
     cursor:pointer;   }   
    #submitbutton:hover {    
     background:#3B91CF;
     color:#fff;  }
     #searchbox {
      width:200px;
      margin:10px 10px 10px 0px;   }
</style>
<div id='search-widget-container'>
<img src="http://www.impactradius.com/wp-content/uploads/2014/05/impact-radius-logo.png" width="150px">  
<form><input name='searchTerm' 
   id='searchBox'
   type='text' 
   placeholder='Search The Website'>
    <input onClick="searchFunction()" 
     type='submit' 
     value='Submit'
     id='submitbutton'>
 </form>
</div>
<script type="text/javascript">
function searchFunction() {  
// 検索ボックスからユーザーが入力した値を取得する 
var searchTerm = document.getElementById("searchBox").value;  
var landingPage = "http://{domain}/c/{irpid}/{iradid}/{ircid}?p.searchTerm=";
// landingPageの末尾にsearchTermを追加する
var completeURL = landingPage.concat(searchTerm);
// 最終的な完全なURLに顧客を送る
window.location.href = completeURL;   } 
</script>
<noscript>
<a href=”http://www.example.com”>No script link</a>
</noscript>
```

* JavaScriptコードは動的トークンを使用してトラッキングURLを生成し、検索語をクエリ文字列パラメータとして追加します。
* コンテンツに絶対URLがないため、我々は次を使用します `{domain}`, `{irpid}`, `{iradid}`, and `{ircid}` これらを動的トークンとして使用してトラッキングリンクを生成します。リンクはプログラムのトラッキングドメイン、パートナーID、広告ID、およびプログラムIDの値で埋められます。
* クリックされると、顧客はimpact.comを経由してランディングページに転送されます—この場合、 `https://www.example.com`

<details>

<summary>動的トークン参照</summary>

| トークン                    | サポート対象                   | 説明                                                     |
| ----------------------- | ------------------------ | ------------------------------------------------------ |
| `{irpid}`               | アセットコンテンツ / インプレッションピクセル | パートナーのimpact.comパートナーIDで埋められます。                        |
| `{iradid}`              | アセットコンテンツ / インプレッションピクセル | 広告に割り当てられた広告IDで埋められます。                                 |
| `{ircid}`               | アセットコンテンツ / インプレッションピクセル | あなたのプログラムに割り当てられたimpact.comのプログラム（またはキャンペーン）IDで埋められます。 |
| `{subId1}` - `{subId3}` | アセットコンテンツ                | トラッキングおよびレポーティングに使用されるパートナーのSubIdの値で埋められます。            |
| `{sharedId}`            | アセットコンテンツ                | レポーティングのためのパートナーのSharedIdの値で埋められます。                    |
| `{domain}`              | アセットコンテンツ / インプレッションピクセル | あなたのプログラムのトラッキングドメインで埋められます。                           |
| `{timestamp}`           | アセットコンテンツ                | 広告が取得されたときのタイムスタンプ（Unixエポック形式）で埋められます。                 |
| `{randint}`             | アセットコンテンツ / インプレッションピクセル | 広告が取得されたときにランダムに生成された整数で埋められます。                        |

</details>

#### 検証エラーのトラブルシューティング

コンテンツ広告を作成する際に以下のエラーメッセージが表示されることがあります。解決するためにできることは次のとおりです：

| 検証エラー                             | 説明                                                                                                                                   |
| --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| *“No replaceable links present”*  | impact.comは置換可能なリンクを検出できませんでした。 *コンテンツ* フィールド内のリンクはプロトコルを含める必要があります。プロトコルが `http` の場合は自動的に `https`.                                  |
| *“Ad name cannot be empty”*       | コンテンツ広告の名前をフィールドに入力する必要があります。 *名前* フィールド。                                                                                            |
| *"URL on anchor is not absolute"* | 少なくとも1つのリンクが *コンテンツ* 内にあり、それは絶対URLではありません。絶対リンクはから始まる完全なパスを使用します `http:// or https://`. 構文の問題がないか確認してください。例えば、の前後にスペースがあるなど `href=`. |
