JavaScript、iFrame、イメージの DART 広告タグの例

DoubleClick for Publishers では、以前の DART タグのサポートを 2016 年 4 月 5 日で終了します。

以前の DART タグをご利用の場合は、サイトの広告配信を支障なく続けられるように、サポート終了日になる前に Google サイト運営者タグ（GPT）を使ってサイトのタグを設定し直してください。詳細

以下のサンプルコードには、JavaScript、iFrame、イメージの DART 広告タグの作成時に使われるさまざまな属性が含まれています。使用する属性によって、お客様のウェブサイトにターゲティングする広告が絞られます。

Google サイト運営者タグ（GPT）については、ヘルプセンターの Google サイト運営者タグに関するトピックをご覧ください。

ガイドラインと制限事項

広告タグとその個々の構成要素では、大文字と小文字は区別されません。
広告タグの末尾に Key-Value「ord」を指定することをおすすめします。この値により、ブラウザのキャッシュを回避できます。
1 つの広告リクエストに含めることができる URL の長さは最大 2,000 文字です。この文字数以降は切り捨てられます。

HTML メールやニュースレターへのクリエイティブの動的な配信は、DoubleClick ではサポートされていません。

使用するタグを決める

標準画像、JavaScript、iFrame の DART 広告タグをそれぞれどのような場合に使用するかについては、次の表を参考にしてください。

DART 広告タグタイプ	配信されるクリエイティブタイプ				同じ広告ユニットでの複数サイズ表示	ブラウザのサポート	広告の表示制限（フレーム内）	ページの読み込みの問題	広告を読み込んだ後ページの残り部分を表示	サイトと同じドメインに広告要素を保存
DART 広告タグタイプ	GIF（静止またはアニメーション）、JPG	リダイレクト	リッチコンテンツまたはエンターテイメントコンテンツ（Flash、第三者、カスタム）	エキスパンド / フローティング	同じ広告ユニットでの複数サイズ表示	ブラウザのサポート	広告の表示制限（フレーム内）	ページの読み込みの問題	広告を読み込んだ後ページの残り部分を表示	サイトと同じドメインに広告要素を保存
標準イメージタグ	○	○	×	×	×	すべて	×	×	○	○
JavaScript	○	○	○	○	○	すべて	×	○	○	○
iFrame	○	○	○	×	×	ブラウザによって表示が異なります	○（iFrame 無効化を実装している場合を除く）	○	広告とページの残り部分を分離できます	×

標準 DART 広告タグの属性の定義

属性	説明
`HREF`	HTML のアンカー要素とハイパーリンクターゲット属性です。このタグは DFP へのハイパーテキストリンクとなります。
`img src`	HTML の画像要素とソース属性です。画像ファイルの場所を定義し、DFP にクリエイティブをリクエストします。
`ad.doubleclick.net`	広告サーバーの汎用アドレスです。米国のデータセンターから配信される広告に使用されます。データセンターとは、広告サーバーが集まった 1 つの場所を指します。
`hNNetwork_code`	この広告が予約されている DFP ネットワークのコードです。ネットワークコードは DFP ネットワークの [管理者] タブで確認できます（例: `N1234`）。 DART からアップグレードしたネットワークの場合、DART に入稿済みのすべての広告は、現在のタグに引き続き配信されます。DART で作成したサイトまたはゾーンに対して入稿した新しい広告申込情報は、そのサイトまたはゾーンのタグに対して引き続き配信されます。アップグレード後に DFP で作成した広告ユニットに対して広告タグを生成する場合は、広告タグ内にネットワークコードが必要です。
`jump`	広告サーバーに渡されるコマンドです。クリック数をカウントするのに使用します。このコマンドは、クリエイティブのリンク先 URL に動的に置き換えられます。
`ad`	広告タグで配信できるクリエイティブの種類です。
	コード:	配信できるクリエイティブ:
	`ad`	イメージクリエイティブのみ
	`adf`	Flash、リッチコンテンツ、イメージの各クリエイティブ（フレーム内）
	`adl`	Flash、リッチコンテンツ、イメージの各クリエイティブ（レイヤー内）
	`adi`	Flash、リッチコンテンツ、イメージの各クリエイティブ（iFrame 内）
	`adj`	Flash、リッチコンテンツ、イメージの各クリエイティブ（JavaScript で配信）
	`adx`	Flash、リッチコンテンツ、イメージの各クリエイティブ（ストリーミング技術により配信）
`first_level_ad_unit`	DFP ネットワークの第 1 レベルの広告ユニットのコードです。広告ユニットについては、ウェブサイトの広告枠の定義と作成に関する説明をご覧ください。
`second_level_ad_unit`	DFP ネットワークの第 2 レベルの広告ユニットのコードです。広告ユニットについては、ウェブサイトの広告枠の定義と作成に関する説明をご覧ください。各タグには第 1 レベルの広告ユニットを指定する必要があります。第 2 レベルの広告ユニットの指定は省略可能です。
`key=value`	広告ユニットよりも詳細な方法で広告枠を定義できます。Key-Value について詳しくは、Key-Value を定義するをご覧ください。
`sz=widthxheight`	広告スロットのサイズ（ピクセル単位）です。広告タグには常に `sz=widthxheight` の値を含める必要があります。クリエイティブのサイズはいくつでも指定できます。区切りにはカンマ（,）を使用します。例: `sz=468x60,728x90,100x100,120x600`
`tile=tile_number`	tile 値は、ウェブページでの広告スロットの順序指定に使用します。tile 値が正しく実装されていないと、ロードブロッキング表示（複数のクリエイティブの同時配信）や競合相手の除外がうまく機能しない可能性があります。tile 値により、クリエイティブが同じページに重複して配信されないようにすることもできます。ページの一番上のタグは「`tile=1`」、その下は「`tile=2`」、その下は「`tile=3`」と、下になるほど大きい数値になります。ウェブサイトの広告タグに含まれている tile 値により、DART では同じウェブページの広告スロットを区別できます。tile 値の範囲は 1～16 です。つまり、1 ページあたりの広告タグは 16 個までです。
`ord=`	ord 値はキャッシュ無効化に使用します。ord 値の指定があると、ページが読み込まれるたびに広告サーバーに対して新しい呼び出しが行われます。ord 値が正しく実装されていないと、広告のインプレッション数に差異が生じる可能性があります。上の例のようにして ord 値を広告タグに追加します。最初の広告タグには乱数を生成するコードを指定して、各タグに ord 値が挿入されるようにします。乱数を生成するコードは、各ページに 1 つまでとしてください。例では、`var ord = Number(ord) \|\| Math.floor(Math.random()*10e12);` の部分が乱数を生成するコードです。

イメージ広告タグについて

イメージ広告タグでは、GIF（静止またはアニメーション）、JPG などの標準画像のほか、DoubleClick サーバーでホストされ「DoubleClick タグ」として入稿される標準画像、第三者でホストされ「第三者クリエイティブ」として入稿される標準画像が配信されます。イメージタグは最小限のコードで作成できますが、その場合、レンダリングされるのは 1 つの画像のみとなります。リッチコンテンツ（Flash など）を配信したり、第三者製のインプレッショントラッキングツールを呼び出したりすることはできません。

画像に加えて Flash や他の種類のリッチコンテンツクリエイティブも配信する場合は、クリエイティブタイプとして「Flash」または「第三者」を使用し、JavaScript の広告タグ adj または aid を設定する必要があります。

イメージ広告タグの例

次の HTML サンプルコードには、イメージ広告タグを作成するときに使用するさまざまな属性が含まれています。イメージ広告タグの作成に使用する属性によって、お客様のウェブサイトをターゲットとする広告が決まります。

JavaScript タグと iFrame タグについて

JavaScript と iFrame の広告タグを利用すると、Flash などのリッチコンテンツクリエイティブと代替の静止画像を広告スロットに配信できます。リッチコンテンツ広告のクリエイティブファイルは、スクリプト（HTML、CGI、JavaScript、Java など）、アニメーション、動画（Shockwave、Shockwave Flash、RealVideo など）、音声（RealAudio など）といった高度なマルチメディア技術を使って作成します。

JavaScript と iFrame の広告タグは、JavaScript、フレーム、iFrame と Layer / iLayer の組み合わせ、iFrame と JavaScript の組み合わせを使用して設定します。

JavaScript の広告タグの例

iFrame の広告タグの例