コードモードで体験を設定

ビジュアル設定方法のほか、Experienceコードモードでは、HTML、JavaScriptとCSSを利用作成することで、より自由で表現力の非常に高い体験を作ることができます。詳しく設定方法は下記にてご紹介いたします。

設定方法 #

画像のようにのボタンをクリックすると、コードモードに入ることができます。JavaScriptとCSSと分けて書くことをご注意ください。（入力したコードが自動的に保存されます）

Tip：JavaScriptを書く際、直接に内容を書くことだけで済み、<script>標記は必要ありません。

また、ページの要素をクリックすると、フローティングメニューが表示されます。その中の「HTMLを編集」を利用して、コードモードで該当要素を編集することができます。

Warn：ここでJavaScriptを書く際に、<script>標記が必要なので、忘れずに追加してください。

Note：
1. 体験の機能や読み込みスピードが重くなる可能性が高いため、コードを書く際にサードパーティライブラリご利用はお勧めしません。
2. JavaScriptを使用してページ要素を変更する場合、ページのローディングが完了後キャンペーンの読み込みが開始されるため、ページ要素が表示された後に変更されることがあります。 要素がファーストビューにある場合、この変更でエンドユーザーにとって体験が悪くなる可能性があるため、ファーストビューの要素を変更しないことをお勧めします。