DoubleClick Campaign Manager（現在のCampaign Manager 360）で配信する固定サイズのHTMLクリエイティブには、DoubleClick (DCM) を選択します。BannerifyはGoogle互換のサイズのメタデータを追加し、バナーをwindow.clickTagに結び付けます。
このオプションでエクスポートする
- エクスポートしたいバナーのフレームをBannerifyに読み込みます。
- BannerifyのヘッダーでExport to HTMLをクリックします。
- Code Output Settingsで、このガイドで説明している出力オプションを選びます。
- エクスポートパネルに表示される、リンク先URLなどのプラットフォーム固有の値を入力します。
- エクスポートボタンをクリックし、生成された
.zipをダウンロードして、Bannerifyのメインのダウンロードファイルを解凍します。
Include individual .zip files for each bannerを有効にすると、そのまま入稿できるバナーのパッケージが_zipsフォルダに保存されます。レスポンシブ形式や単一ファイル形式の中には、それぞれの専用ページで説明している別のパッケージを使うものもあります。
エクスポートしたファイルそのものを、必ず入稿先のプラットフォームか公式のバリデーターでテストしてください。ローカルのブラウザプレビューではクリエイティブが表示されることは確認できますが、アカウントの利用資格やプラットフォームの承認までは確認できません。
_zips内の個別のZIPファイルをアップロードします。詳しい手順はDCMエクスポートのチュートリアルをご覧ください。
メインのclickTagとクリック可能な領域
DoubleClick (DCM) エクスポート形式の下にあるclickTag in <head> に、メインのランディングページのURLを入力します。これがバナーの背景のclickTagになります。バナー単位のプロトタイプURLが設定されている場合は、エクスポートのフィールドよりもそちらが優先されます。
メインのExitは、独立したリンクと、インタラクティブなコンテンツやスクロールできるコンテンツを除くバナー領域全体に適用されます。免責事項をクリックしたりスクロールしたりしても、メインの遷移先は開きません。メインのURLを空欄にしても背景のExitは無効にならず、DCMの既定のURLがそのまま使われます。
テキストとレイヤーのリンク用の追加clickTag
- ライブテキスト内のリンクの場合は、Figmaでリンクにする語句を選択し、Figmaのテキストのハイパーリンク機能で通常の
https://URLを設定します。テキストリンクではExport text as <p> tags instead of <svg> を有効にしたままにしてください。ロックされたテキストや画像で上書きされたテキストでは、文中のクリック可能な語句を保持できません。 - ボタン、固定フッター、その他のタイムラインのレイヤーの場合は、FigmaのPrototypeパネルで遷移先URLを指定したOn click → Open linkを追加します。レイヤーリンクの追加をご覧ください。
- Bannerifyでバナーを再読み込みし、DoubleClick (DCM) でエクスポートします。
Bannerifyは、異なるHTTP/HTTPSの遷移先ごとにclickTag2、clickTag3以降の変数を自動で作成します。同じURLが繰り返し使われている場合は、固定フッターとスクロールテキスト内のリンクも含めて、1つのclickTagを共有します。メインの遷移先と同じリンクにはclickTagが使われます。番号は各クリエイティブで検出したリンクの順に振られるため、リンクやレイヤーの順序が変わると番号も変わることがあります。
Figmaでは、変数名やEnabler.exit()の呼び出しではなく、通常の遷移先URLを使ってください。独自に挿入したHTML/JavaScriptは自動で変換されません。手動で定義したclickTagがある場合は、生成される名前と競合していないか確認してください。
エクスポート後は、メインの領域と個々のリンクをすべてテストしたうえで、トラフィッカーにCampaign Manager 360で検出されたclickTagとランディングページを確認してもらいましょう。ローカルでのエクスポートのテストでは、アドサーバーでの受け入れやレポートまでは確認できません。CM360がこれらの変数をどのように検出して上書きするかは、GoogleのclickTagガイドラインで説明されています。