アド マネージャーを使用して、ウェブストーリーにカスタム クリエイティブを入稿できます。ウェブストーリーは、視覚的なストーリーテリングを可能にするオープンソースの広告フォーマットです。たとえば、Google 検索などのプラットフォームや、お客様が所有および運営するサイトでウェブストーリーを配信できます。
ウェブストーリーのコンテンツ間にフルページで表示される単一ページのストーリー広告を配信することもできます。
ウェブストーリーについては、こちらでも詳細をご確認いただけます。
ウェブストーリーでプログラマティック広告の配信を有効にすることもできます。
ウェブストーリーを設定する
<amp-ad> 要素を使ってウェブストーリー内に単一ページの広告を表示することはできません。この場合は、代わりに <amp-story-auto-ads> タグをページに設定します。
ウェブストーリーにカスタム クリエイティブを入稿する
ウェブストーリーでは、パブリッシャーや広告主は、アド マネージャーのカスタム クリエイティブで画像や動画を使用できます。
- Google アド マネージャーにログインします。
- カスタム クリエイティブを作成し、[コードタイプ] で [AMP] を選択します。
- [コード] 欄にクリエイティブ コードを入力します。ユーザーのクリックでランディング ページに移動するカスタム外部リンクボタンを挿入するには、
<meta>タグを追加します。ウェブストーリーではamp-sidebarやamp-accordionなどの他の AMP 拡張機能も通常どおり表示できますが、クリックできる要素はカスタム外部リンクボタンのみとなります。amp-cta-url: カスタム外部リンクボタンに設定するランディング ページの URL。アンカータグはサポートされていません。代わりに、クリックマクロ（%%CLICK_URL_UNESC%%）とリンク先マクロ（%%DEST_URL%%）を使用して値を挿入します。amp-cta-type: カスタム外部リンクボタンのタイプ。定義済みの値を使用する必要があります。
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%%%DEST_URL%%"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-img {height:100vh;} amp-img img {object-fit: contain} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <amp-img src=%%FILE:JPG1%% layout="fill" height="1280" width="720"></amp-img> </body> </html> - 対象の広告ユニットのサイズとして「1x1」を選択します。
- 詳細を設定して [保存] をクリックします。
その他の属性を渡す
作成した <amp-ad> タグにその他のデータ（ターゲティング情報など）を属性として渡す場合は、ウェブストーリー自動広告デベロッパー向けドキュメントで、ad-attributes JSON オブジェクトの追加の Key-Value ペアについてご確認ください。
