記事アセットを作成

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

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

記事アセットを作成

1. 左側のナビゲーションバーで、 ［Engage］ → コンテンツ → 広告.
2. 右上隅で、 広告を作成 [ドロップダウンメニュー]、次に選択 記事.
3. 次のセクションの情報を入力してください:

アセットの詳細

1. 入力してください 名前 をアセットに対して。
2. 任意で、 説明 アセットの詳細を指定します。
3. 下で ランディングページ、選択します [ドロップダウンメニュー] カスタム アセット用のカスタム ランディング ページを設定するには。設定は次のままにしてください デフォルト 顧客をプログラムのランディングページへ誘導します。
4. 任意で、 [モバイルフォールバックをオンにする] impact.com がアプリのインストール済みを検出しなかった場合、このアセットからのモバイルトラフィックを転送するには。ここに表示されるのは、あなたの モバイルアプリ設定 で構成したモバイル OS のみです。ここに表示されます。

   • Android — の [ドロップダウンメニュー] の下で Androidから、フォールバックオプションを選択してください。この選択にアプリのダウンロードURLが設定されます。
   • iOS — の [ドロップダウンメニュー] の下で iOSから、フォールバックオプションを選択してください。この選択にアプリのダウンロードURLが設定されます。
5. ランディングページのトラッキングリンクにパラメータを追加するには、 [メタデータを追加]。これらのパラメーターはアセットのトラッキングリンクの末尾に追加されます。

   • 詳細はこちら： トラッキングリンクのパラメータ.
6. 必要に応じて入力します ラベル アセットをより見つけやすくするために。

   • 作成と管理について詳しく知る アセットラベル.
7. [オンに切り替え] パートナーのアクセスを制限 このアセットを使用できるパートナー グループを設定し、次を検索するには パートナーグループ このアセットへのアクセスを付与したいグループを。

アセット設定

1. で コンテンツ フィールドに、広告の HTML/CSS/JS コードを入力するか、リッチテキスト エディタのオプションを使用してコンテンツをより簡単に整形できます。

   • ヒント： リッチテキスト エディタを使って、画像をコンテンツ内に直接インラインでアップロードできます。
2. 動的トークンを使用している場合は、次を選択します その他の動的フィールドを挿入 すると、利用可能なトークン挿入項目がすべて表示されます。

   • 以下の 動的トークン 以下のリファレンスで、各トークンが挿入するコンテンツの種類を確認してください。
3. 任意で、 アセットサイズ から解像度を選択して [ドロップダウンメニュー].

   • この その他 オプションを使うと、カスタムサイズを設定できます。

プロモーションの詳細

1. 必要に応じて、既存の 取引 または 新しいディールを追加 から [ドロップダウンメニュー].
2. 必要に応じて、 開始 および 終了日 をアセット用に選択し、 タイムゾーン から [ドロップダウンメニュー].
3. 次を [カレンダー] を設定してアセットの日付を適用し、その後 [ドロップダウンメニュー] 開始時間と終了時間を設定します。

• 必要に応じて、 ［未チェックのボックス］ 有効期限切れ時にランディングページを変更 そして選択して続行 ルールを設定 ランディングページの有効期限が切れた場合の動作を設定するには、以下のオプションから適用する期限切れルールを選択し、次にクリックしてください 送信:

1. 必要に応じて、アセットが 季節限定 であるかを指定し、 [ドロップダウンメニュー] 関連するプロモーション期間を選択してください。
2. 下で 追加のプロモーションオプション、次のどちらにするかを選択できます [チェックボックス] オファーは売れ筋商品です または [チェックボックス] メディア パートナーがこのプロモーション用の独自のプロモーションコードをリクエストできるようにする.

詳細設定

1. 次の [ドロップダウンメニュー]、どの 言語 このアセットを配信したいか。
2. このアセットでパートナーを iFrame トラッキングコードの使用に限定し（HTML トラッキングコードは使用不可にする）、次を選択します [チェックボックス] このアセットのiFrameトラッキングコードをパートナーに限定.
3. アセットにサードパーティ ピクセルを設定するには、 [オンにする] サードパーティ インプレッション ピクセル.

   • これにより、インプレッションデータを外部分析システムに送信できます。
   • 以下の 動的トークン リファレンスで、各トークンで挿入できるコンテンツの種類を確認してください。

1. 次を 保存 または 下書きを保存 [ドロップダウンメニュー] し、次のオプションから選択してください:

保存

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

下書きを保存

動的コンテンツ広告の例

で サンプルコード 以下に示すとおり、次のものがあります：

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

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

<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='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=";
// 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

動的トークンのリファレンス

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

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

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

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