> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/platform-features/ads/create-ads/create-an-article-asset.md).

# 記事アセットを作成

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

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

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

1. 左側のナビゲーションバーから、次を選択します ![](/files/7ddd72d8e69e7055d9408cf4847c5c54abf9f71d) **\[Engage]** → **コンテンツ** → [**広告**](https://app.impact.com/secure/advertiser/engage/ads/manage-all-ads-flow.ihtml).
2. 右上隅で、次を選択します **広告を作成** ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]**、次に **記事**.
3. 次のセクションの情報を入力します：

<details>

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

1. 入力してください **名前** をアセットとして選択します。
2. 必要に応じて、次を入力します **説明** アセットの詳細を入力します。
3. 次の下で *ランディングページ*で、次を選択します ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** **カスタム** アセットのカスタム ランディングページを設定するには。設定は **デフォルト** のままにして、顧客をプログラムのランディングページに誘導します。
4. 必要に応じて、 ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **\[オンに切り替え] モバイルフォールバック** impact.com がアプリがすでにインストールされていることを検出できなかった場合に、このアセットからのモバイル トラフィックを再ルーティングするには。あなたが設定したモバイル オペレーティング システムのみ [モバイルアプリ設定](/brand/ja/what-would-you-like-to-learn-about/platform-features/tracking/mobile-app-tracking/set-up-a-mobile-app.md) で設定したモバイルオペレーティングシステムのみがここに表示されます。
   * **Android** — 次から ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** の下で *Android*で、フォールバックオプションを選択します。この選択には、その後、アプリをダウンロードするためのURLが自動入力されます。
   * **iOS** — 次から ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** の下で *iOS*で、フォールバックオプションを選択します。この選択には、その後、アプリをダウンロードするためのURLが自動入力されます。
5. ランディングページのトラッキングリンクにパラメータを追加するには、 ![](/files/31ed8bce4d22f3780f0bf5494c25049b3181e0a9) **\[メタデータを追加]**。これらのパラメータはアセットのトラッキングリンクの末尾に追加されます。
   * について詳しく見る [トラッキングリンクのパラメータ](/brand/ja/what-would-you-like-to-learn-about/platform-features/tracking/tracking-explained/tracking-link-parameters-explained.md).
6. 必要に応じて、入力してください **ラベル** アセットをより検索しやすくするために。
   * の作成と管理について詳しく見る [アセットラベル](/brand/ja/what-would-you-like-to-learn-about/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) **\[ドロップダウンメニュー]**.
3. 次を選択します ![](/files/a55755d52203954f33a658d39ba36a42fbdf56a2) **\[カレンダー]** を設定してアセットの日付を適用し、その後 ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** を設定して開始時刻と終了時刻を指定します。
4. 必要に応じて、アセットが **季節限定** であるかを指定し、 ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc) **\[ドロップダウンメニュー]** を使って関連する販促期間を選択します。
5. 次の下で *追加のプロモーションオプション*、 ![](/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 %}

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

の *コード例* 以下に示すとおり、次の内容があります:

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

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

```html
<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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/platform-features/ads/create-ads/create-an-article-asset.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.