:コードエディター編集Optimizelyのコードエディターの仕組みと利用方法についてご案内致します。この記事は次のことに役立ちます。使用すると、バリエーションのコードを手動で簡単に変更できます。異なるブラウザーやオペレーティングシステムでページの変更内容が正しく反映されているかは、ご自身で確認してください。セレクターはブラウザーの種類に関係なく動作しますが、カスタム機能を使用する場合は、実験を実行する前にテストする必要があります。コードを作成し、エディターでユーザーが選択した変更を実行します。クリックすると、コードエディター(「コードストア」とも呼ばれます)が立ち上がり、コードを表示(および編集)することができます。使用して変更を作成できます。ボタンをクリックするまで、変更は表示されません。セクションで直接加えた変更は削除されます。バリエーションコードを整理して、できるだけ行数を少なくしてください。コードの行数が数千もあると、ページのロードに時間がかかる場合があります。詳しくなくても、コードエディターを活用することができます。ボタンをクリックしてみてください。行に変換されています。ビジュアルエディターで作成したすべての変更が、作成順にコードで表示されます。ボックスはページ内で行った全変更の「ログ」のようなものです。以前の変更を修正できるだけでなく、取り消したい変更を一緒に削除することもできます。いうフォーマットを使用します。ビジュアルエディターウィンドウの上部に、要素が青いボックスで囲まれて、参照先のコードが示されます。つを一方向に数ピクセル移動すると、次のようなバリエーションコードが表示されます。隣に移動を定義するピクセル数があります。このピクセル数を変更すると調整を行うことができます。変更後は「適用」をクリックするだけで、変更をプレビューできます。エディターで変更した内容も、同じ方法で調整できます。加えられた変更をすべて順番に記録します。その変更を統合する場合があります。具体的には、テキストの編集は同一要素(セレクター)に対して行った過去のテキスト変更(テキストの編集)を上書きします。変更(スタイルの編集)、属性変更(ハイパーリンクの編集)を上書きします。すべての変更にこの処理を行うわけではなく、移動とサイズ変更や再配置などの変更は対象外です。重複するコードの行を追加しすぎると、バリエーションコードが大量に生成され、数千行もの後にスニペットサイズがさらに付加されることになります。クリックしてから、変更し直すことをお勧めします。ボックスで、最後に加えた変更をコードから直接調整することもできます。ピクセルの微調整を繰り返すような場合は、コード内で変更を加える方法が適しています。“left”:の数字を調整します。数字を変更して、サイズを微調整することも可能です。クリックするだけで、エディターで結果をプレビューできます。間違えても、心配はいりません。思い通りにならなかった変更はいつでもコードから削除することができます。ボタンの下にあります。バリエーションコードは、ビジュアルエディターで行ったすべての変更のログのようなものであることを覚えておいてください。右下のコードの編集リンクを開いて、一番下までスクロールします。変更を元に戻したい場合は、元に戻すの代わりに、コードの行を下から削除することもできます。削除したいコードの行が正確に分かっている場合は、その行へ移動して削除することができます。変更を加えるよりも、古いコードを削除する方がはるかにシンプルです。過程を定義するバリエーションコードは残り、実験を実行する際に、その過程すべてを実行してしまいます。不要なコードを残した場合のデメリットとしては、フラッシングが起きたり、バリエーションコードを使ってデバッグすることが難しくなったりします。変更を行ったバリエーションコードを削除してください。使用して変更することができます。セレクターの知識が少しあれば、類似した複数の要素を簡単に一括変更できます。つをクリックし、必要な変更を加えます。設定して一部のテキストカラーを赤に変更します。ボタンをクリックすると、下記のようなコードの行が表示されます。#ff0000”});注:実際の数値はこの例とは異なります。返されます(下記スクリーンショットを参照)。クラスはより一般的で、期限切れメッセージのすべてに当てはまります。テストすると、すべてのメッセージが正しく返されます(下記スクリーンショットを参照)。削除してみてください。新しいコードが以下のように表示されるはずです。クリックすると、エディター上で要素すべてが変更されて表示されます。Optimizelyのサポートに関するお問い合わせはこちらまでコメントは受け付けていません。2018年01月10日ヘルプのよく読まれている記事この記事はadminが書きました。TOPイー・エージェンシーでは、上記サービス以外にも貴社で運営されているサイトの成果を最大化させるべく、アクセスログ解析、ヒューリスティック調査によるボトルネック分析から、必要に応じて被験者を集めたユーザテストやターゲットユーザ定義及びシナリオ策定、A/Bテスト実施をフルサポートで提供させていただいております。お気軽にお問い合わせいただければと思います。