質問
ページ内の3つのボタン表示をまとめて切り替えたい
回答
ページ内の異なるコンテンツを1つのクリエイティブで切り替える場合は
- jQuery等を使用し複数箇所を同時に変更処理するコードをクリエイティブ登録
- 各id(またはclass)属性に対してワンコード実装用エディターを使用して「要素を追加」機能で対応
上記いずれかの方法で対応可能です。
ここでは 2. の「要素を追加」を使用した対応方法をご案内致します。
■設定例
例）ワンコード実装用エディターにて「要素を追加」を使用してクリエイティブを設定する
以下のように別々のidが設定されたHTMLを対象とします。
【クリエイティブ配信前】
<body>
︙
<div id=”test_1″><a href=”***.html” id=”test_1″><img src=”button_a.jpg”></a></div>
<div id=”test_2″><a href=”***.html” id=”test_2″><img src=”button_b.jpg”></a></div>
<div id=”test_3″><a href=”***.html” id=”test_3″><img src=”button_c.jpg”></a></div>
︙
</body>
クリエイティブが配信された際に、元の画像がそれぞれ以下赤字のように変更されるよう設定します。
【クリエイティブ配信後】
<body>
︙
<div id=”test_1″><a href=”***.html” id=”test_1″><img src=”button_a2.jpg”></a></div>
<div id=”test_2″><a href=”***.html” id=”test_2″><img src=”button_b2.jpg”></a></div>
<div id=”test_3″><a href=”***.html” id=”test_3″><img src=”button_c2.jpg”></a></div>
︙
</body>
(1)クリエイティブ個別登録画面にて「ワンコード実装用エディター」を選択し、1つ目(id="test_1")の配信内容を記述後、「要素を追加」をクリックしてください。
図１－１：1つ目の配信内容記述
(2)新たに条件入力欄が追加されるので残りの配信条件(id=test_2、id=test_3)を登録してください。
ここでは合計で3つの配信条件を設定していますが、実際は必要な分だけ「要素を追加」してご利用ください。
図１－２：追加された条件入力欄に条件を設定
このようにワンコード実装用エディターでは必要に応じて「要素を追加」を利用することで複数箇所に対して1つのクリエイティブ配信で対応可能です。
※クリエイティブ登録の際は配信対象のタグ(<div>や<p>など)や属性を誤って登録しないようご注意ください。
登録内容を誤った要素がありますと、その要素のみクリエイティブが配信されずデフォルトのコンテンツが表示されます。