エディターの使い方の中でも比較的簡単に操作できる項目を説明いたします。エディターは、画面上から、ページ上の要素を移動したり、文字の大きさ・色などを変えることができます。このエディターを利用して、デザイン案を作成し、実施します。このエディターでは、元ページのHTML・CSSを直接書き換えているわけではありません。コードに変換して元ページに当てることで、デザインを変化させています。ボタンをクリックします。マウスが移動すると、ページ内の要素が、青い枠で囲われます。その状態でクリックすると、コンテクストメニューが開きます。基本的な操作HTMLを編集:選択している要素とその配下の要素を編集することができます。スタイルを編集:CSSによる編集をすることができます。属性を編集:classやidなどの編集・追加ができます。背景画像を設定:背景画像の変更・設定ができます。要素をドラッグして、移動することができます。要素の削除を行うことができます。テキストを編集できます。画像の挿入・変更を行うことができます。アップロードできます。エディターで編集する前のデザイン案を表示します。エディターで編集したデザインをプレビューを開きます。よって、画像の位置が規定されているため、変更できない場合があります。記述することで変更できます。編集することができます。挿入することができます。コードを追加することができます。形式で記録しているものを確認できます。機能拡張をインストールしていただく必要があります。作業の前に、対象サイトでログインを行った後、エディターを開くことで、ログイン後画面の編集ができます。イベントトラッキングゴールが設定された画面を編集するときの注意点イベントトラッキングゴールはクリックトラッキングゴールと異なり、画面のソースコード内に明示的に識別できるゴールIDが存在しません。ゴールイベント対象となるUI要素のHTMLタグ及びIDやCSSクラスなどの属性情報を基に識別しているため、デザイン案作成時に対象UIのHTMLソースコードが変更されますと、ゴール計測ができなくなりますので、編集時には注意が必要です。上記画面のように「イベントトラッキングを表示ボタン」が確認できる場合には、イベントトラッキングゴールが設定されていますので、対象UIを確認の上、デザイン案を作成してください。イベントトラッキングゴールや編集時の確認方法について、詳しくは以下ページを参照してください。エクスペリエンス対象ページの既存スタイルの上書きができていない可能性があります。タブを開き、ピクセルの数値を調整することで、微調整が可能です。サーバー上にアップロードされています。変更することで、指定したサーバーから画像を表示させることができます。エクスペリエンスをスタートすることができます。ボタンの色を変えるだけでも、10%〜20%の改善が見られるケースが多数ございます。