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

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

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

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

1. 左側のナビゲーションバーから、次を選択します ![](/files/7ddd72d8e69e7055d9408cf4847c5c54abf9f71d) **\[Engage]** → **コンテンツ** → **広告**.
2. 右上隅で、 **広告を作成** ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]**、次に選択します **記事**.
3. 以下のセクションの情報を入力してください:

<details>

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

1. 入力してください **名前** をアセットに使用します。
2. 必要に応じて、 **説明** アセットの詳細を提供する。
3. の下の *ランディングページ*で ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** **カスタム** アセット用のカスタム ランディングページを設定するには、設定を **デフォルト** にして、顧客をプログラムのランディングページに誘導します。
4. 広告がモバイルアプリでの閲覧を想定している場合は、 ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **［トグルをオンにする］** **モバイルフォールバック** を選択し、関連する [モバイルアプリ プロパティ](/partner/ja/nitsuitebitaidesuka/account-management/account-settings/connect-media-properties/connect-a-mobile-app.md) を選んで、アプリのストア掲載ページへのリンクを設定します。
   * これにより、アプリを持っていないユーザーはアプリのダウンロード先にリダイレクトされます。
5. ランディングページのトラッキングリンクにパラメータを追加するには、 ![](/files/31ed8bce4d22f3780f0bf5494c25049b3181e0a9) **\[メタデータを追加]**。これらのパラメータはアセットのトラッキングリンクの末尾に追加されます。
   * について詳しく学ぶ [トラッキングリンクのパラメータ](/brand/ja/nitsuitebitaidesuka/platform-features/tracking/tracking-explained/tracking-link-parameters-explained.md).
6. 必要に応じて、 **ラベル** アセットをより検索しやすくします。
   * 作成と管理の詳細を見る [アセット ラベル](/brand/ja/nitsuitebitaidesuka/platform-features/ads/manage-ads/add-labels-to-assets.md).
7. ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **\[オンに切り替え] パートナーアクセスを制限** を設定して、このアセットを使用できるパートナー グループを指定し、 **パートナーグループ** このアセットへのアクセスを付与したいパートナーを選択します。

</details>

<details>

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

1. の *コンテンツ* フィールドに広告の HTML/CSS/JS コードを入力するか、リッチテキスト エディターのオプションを使ってコンテンツをより簡単に整形します。
   * **ヒント:** リッチテキスト エディターを使用して、画像をコンテンツに直接インラインでアップロードできます。
2. 動的トークンを使用している場合は、 **他の動的フィールドを挿入** を選択して、利用可能なすべてのトークン挿入項目を表示します。
   * 以下の *動的トークン* 参照を確認して、各トークンがどの種類のコンテンツを挿入するかを確認してください。
3. 必要に応じて、 **アセットサイズ** 解像度を ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]**.
   * この *その他* オプションから選択してカスタム サイズを設定できます。

</details>

<details>

<summary>プロモーション詳細</summary>

1. 必要に応じて、既存の **契約** または **新しいディールを追加** を ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]**.
2. 必要に応じて、 **開始** および **終了日** をアセットに選択し、 **タイムゾーン** を ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]**.
   * を選択 ![](/files/a55755d52203954f33a658d39ba36a42fbdf56a2) **［カレンダー］** を設定してアセットの日付を適用したうえで、 ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** を使用して開始時刻と終了時刻を設定します。
3. 必要に応じて、 ![](/files/a4c20d141714e9e9248551f182c5acacb99049de) **\[未チェックのボックス]** **有効期限切れ時にランディングページを変更**し、続いて **ルールを設定** を選択して、ランディングページの期限切れ時の動作を設定します。

**リダイレクト**

1. 「 ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** 選択してください **リダイレクト**.
2. アセットがリダイレクトするリンクを入力します。
3. 必要に応じて、 ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **［トグルをオンにする］** **中間ページ** を選択して、このルールに関連付けられた中間ページを有効化および設定します。
4. 「 **テンプレート** ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** 選択してください **カスタム** または **アプリインストール**.
   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) **\[未チェックのボックス]** を選択して **パートナーのロゴを表示（共同ブランド）** し、共同ブランド体験のためにあなたのロゴとパートナーのロゴの両方を並べて表示します。
      6. を選択 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[未チェックのボックス]** を選択して **CSSをカスタマイズ** し、希望する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) **\[未チェックのボックス]** を選択して **パートナーのロゴを表示（共同ブランド）** し、共同ブランド体験のためにあなたのロゴとパートナーのロゴの両方を並べて表示します。
      8. を選択 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[未チェックのボックス]** を選択して **CSSをカスタマイズ** し、希望するCSSコードをテキストボックスに追加します。
      9. 次を選択します **プレビュー**.

**ブロック**

1. 必要に応じて、 ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **［トグルをオンにする］** を選択して **インタースティシャルを使用** を選択して、このルールに関連付けられた中間ページを有効化および設定します。
2. 「 **テンプレート** ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** 選択してください **カスタム**.
3. 入力してください **ヘッダーテキスト**.
4. 必要に応じて、 **本文テキスト**.
5. 次を選択します **プレビュー**.

**中間ページ**

1. 「 **テンプレート** ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** 選択してください **カスタム** または **アプリインストール**.
   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) **\[未チェックのボックス]** を選択して **パートナーのロゴを表示（共同ブランド）** し、共同ブランド体験のためにあなたのロゴとパートナーのロゴの両方を並べて表示します。
      6. を選択 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[未チェックのボックス]** を選択して **CSSをカスタマイズ** し、希望する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) **\[未チェックのボックス]** を選択して **パートナーのロゴを表示（共同ブランド）** し、共同ブランド体験のためにあなたのロゴとパートナーのロゴの両方を並べて表示します。
      8. を選択 ![\[Unchecked box\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-ff8b288b06d10266c33d33f5c103fb83.svg) **\[未チェックのボックス]** を選択して **CSSをカスタマイズ** し、希望するCSSコードをテキストボックスに追加します。
      9. 次を選択します **プレビュー** プレビューに満足したら、 **送信**.

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

1. 「 **テンプレート** ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]**&#x3067; **モバイルディープリンク**.
2. 次を入力してください **ヘッダーテキスト** および **ヘッダーフォントカラー**.
3. 次を入力してください **サブヘッダー** および **サブヘッダーフォントカラー**.
4. 宛先 **ロゴをアップロード** および **カバー画像をアップロード**で **ファイルを選択**。GIF、JPG、PNG、SVG 形式のファイルがサポートされています。最大ファイルサイズは 1 MB です。
5. を入力します **アプリを開くボタンのラベル** （例： *アプリへ移動*).
   * を入力します **アプリを開くボタンのフォントカラー** および **アプリを開くボタンの背景色**.
   * 入力してください **続行リンクのラベル** および **続行リンクのフォントカラー**.
6. いつ **アプリを開く** を選択して決定します。以下のいずれかを選択します。 ![](/files/655db55cd06b69109e64fb992dddd9b2c7f03241) **\[ラジオボタン]** **中間ページが読み込まれたらすぐに** または ![](/files/655db55cd06b69109e64fb992dddd9b2c7f03241) **\[ラジオボタン]** **ボタンがタップされたとき**.
7. 次を選択します ![](/files/a4c20d141714e9e9248551f182c5acacb99049de) **\[未チェックのボックス]** を選択して **自動リダイレクト** し、リダイレクトされるまでの許容秒数を入力します。
8. 入力してください **デフォルトURIパス** を使用して構築する際に使用します [モバイルURI](/brand/ja/nitsuitebitaidesuka/platform-features/tracking/mobile-app-tracking/configure-deep-linking-logic-with-uri-schemes.md) プログラムのURLスキームを使用して、で設定された [*一般トラッキング設定*](https://app.impact.com/secure/advertiser/tracking-settings/general-trackingsettings-flow.ihtml).
9. 入力してください **カスタムURI正規表現** アプリのカスタムURLスキーム内でモバイルURIを照合するパターンを定義します。
10. を選択 ![](/files/a4c20d141714e9e9248551f182c5acacb99049de) **\[未チェックのボックス]** を選択して **CSSをカスタマイズ** し、希望するCSSコードをテキストボックスに追加します。
11. 次を選択します **プレビュー**.
12. 必要に応じて、アセットが **季節限定** であるかを指定し、 ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** を使用して関連するプロモーション期間を選択します。
13. の下の *追加の販促オプション*であるかどうかを選択できます。 ![](/files/a4c20d141714e9e9248551f182c5acacb99049de) **\[チェックボックス] オファーは売れ筋商品です** または ![](/files/a4c20d141714e9e9248551f182c5acacb99049de) **\[チェックボックス] このプロモーションに対して、メディアパートナーが独自の一意なプロモコードを要求できるようにする**.

</details>

<details>

<summary>詳細設定</summary>

1. 「 ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]**、どの **言語** このアセットを配信したい。
2. このアセットでパートナーが iFrame トラッキングコードのみを使用できるようにし（HTML トラッキングコードを禁止するには）、 ![](/files/a4c20d141714e9e9248551f182c5acacb99049de) **\[チェックボックス]** **このアセットのiFrameトラッキングコードにパートナーを制限する**.
3. アセットにサードパーティ製ピクセルを設定するには、 ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **\[オンにする] サードパーティ インプレッション ピクセル**.
   * これにより、インプレッション データを外部の分析システムに送信できます。
   * 以下の *動的トークン* 各トークンで挿入できるコンテンツの種類については、参照をご覧ください。

</details>

4. を選択 **保存** または **下書きを保存** ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** そして、次のオプションから選択します：

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

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

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

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

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

の *サンプルコード* 以下に示すものには、次の内容があります。

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

  実際には、これらの要素の多くは Web サイト上でホストまたは埋め込みできます。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='サイト内を検索'>
    <input onClick="searchFunction()" 
     type='submit' 
     value='送信'
     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=";
// searchTerm を landingPage の末尾に追加する
var completeURL = landingPage.concat(searchTerm);
// 顧客を最終的な完全 URL に送る
window.location.href = completeURL;   } 
</script>
<noscript>
<a href=”http://www.example.com”>スクリプトなしリンク</a>
</noscript>
```

* JavaScript コードは、動的トークンを使用してトラッキング URL を生成し、検索語句をクエリ文字列パラメータとして追加します。
* コンテンツに絶対 URL がないため、 `{domain}`, `{irpid}`, `{iradid}`、および `{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>

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

コンテンツ広告を作成すると、次のエラーメッセージが表示される場合があります。解決するには、次のことを行ってください。

| 検証エラー                      | 説明                                                                                                                             |
| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| *「置換可能なリンクがありません」*         | impact.com は、次の項目内で置換可能なリンクを検出できません *コンテンツ* フィールド。リンクにはプロトコルを含める必要があります。次を使用するリンクはすべて `http` 自動的に次へ変換されます `https`.             |
| *「広告名を空にすることはできません」*       | コンテンツ広告の名前を次の項目で指定する必要があります *名前* 欄に追加してください。                                                                                   |
| *「アンカー上のURLが絶対URLではありません」* | 少なくとも 1 つのリンクが *コンテンツ* にあり、絶対 URL ではありません。絶対リンクは、次で始まる完全なパスを使用します `http:// または https://`。前後のスペースなど、構文上の問題がないか確認してください `href=`. |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.impact.com/brand/ja/nitsuitebitaidesuka/platform-features/ads/create-ads/create-an-article-asset.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.