Xandr で IAB の HTML5 clickTag 標準を使用する
Xandr でホストされている HTML5 クリエイティブで IAB の clickTag 標準を使用するには、次の手順に従います。 これにより、Xandr はクリックを追跡し、広告のランディング ページを指定された URL に設定できます。
前提条件
以下の手順を完了するには、テキスト エディターが必要です。 持っていない場合は、 崇高なテキストをお勧めします。
注:
クリエイティブのランディング ページ URL をハードコーディングしないでください。 これは、アセットがアップロードされるときに設定されます。
手順 1: Xandr HTML5 ライブラリを追加する
次<script>のタグを追加して、ファイル内の<head>タグ内に index.html Xandr HTML5 ライブラリを追加します。
<script type="text/javascript" src="https://acdn.adnxs.com/html5-lib/1.4.1/appnexus-html5-lib.min.js"></script>
ヒント
https を使用して、クリエイティブが安全なインベントリで配信できることを確認します。
手順 2: クリック可能な要素に追加 APPNEXUS.getClickTag() する
新しいウィンドウを開き、 関数を使用する HTML 要素でバナー マークアップを APPNEXUS.getClickTag() ラップします。 これにより、広告 URL に設定された clickTag パラメーターの値が取得されます。 次の例では、 属性が> に<設定され、 属性が href にjavascript:void(0)設定されたアンカー要素をonClickwindow.open(APPNEXUS.getClickTag(), '_blank');使用しています。
直後に<body>開<a href="javascript:void(0)" onClick="window.open(APPNEXUS.getClickTag(), '_blank');">き、 の直前</body>で</a>閉じてください。 バナー マークアップは、 と の間 <a href="javascript:void(0)" onClick="window.open(APPNEXUS.getClickTag(), '_blank');"> に移動する </a>必要があります。
<body>
<a href="javascript:void(0)" onClick="window.open(APPNEXUS.getClickTag(), '_blank');">
<!-- Your banner markup goes here. -->
</a>
</body>
手順 3: テスト
作業内容を保存します。 index.html Web ブラウザーでファイルを開きます。 アドレス バーの URL の末尾にを追加 ?clickTag=http://www.xandr.com します。
file:///Users/username/Desktop/ad.html?clickTag=http://www.xandr.com
ページを更新し、広告をクリックします。 ブラウザーで Xandr の Web サイトが表示された新しいウィンドウが開きます。 広告が配信されると、Xandr の値 clickTag が Xandr のクリック トラッカーに設定され、クリエイティブ用に指定されたランディング ページ URL へのリダイレクトが設定されます。
作業内容をもう一度保存します。
手順 4. Zip クリエイティブ コンテンツ
すべてのコンテンツを選択します。 内容をファイルに .zip 圧縮します。
これで、HTML5 クリエイティブを Xandr プラットフォームにアップロードする準備ができました。
その他のオプション
Xandr は、 の IAB HTML5 ガイダンスclickTag に従います (セクション 3.10.1)。 パブリッシャーのページに返される広告 URL には、 clickTag クエリ文字列にパラメーターが含まれています。 Xandr の getClickTag() 利便性を使用しない広告開発者は、独自の Javascript を使用してパラメーターの値にアクセス clickTag できます。 この場合、広告は Xandr HTML5 ライブラリを読み込む必要はありません。
パラメーターを使用した広告 URL の clickTag 例https://vcdn.``adnxs``.com/.../index.html?clickTag=http%3A%2F%2Fnym1-ib.``adnxs``.com%2Fclick%3FAA...gwJUgAAAAA.%2Fbn%3D0%2Fclickenc%3Dhttp%253A%252F%252Fwww.``appnexus``.com%252F