これ以降、今後の実験のスニペットを更新する必要はありません。Optimizely エディターで作成するテストを実行するために、スニペットは自動的に更新されます。自分で変更する必要はありません。
もし、シングルページアプリケーション(SPA)でサイトが実装されている場合、スニペットコードの動作に違いがございます。詳細は担当AMまでお問合せくださいませ。
目次
1.スニペットを追加する場所の決定テストを開始するには、次を実行するすべてのページに Optimizely スニペットを追加する必要があります。
ページにスニペットを追加すると、再度更新する必要はありません。Optimizely スニペットをサイトのすべてのページに追加することをお勧めします。
注：
Optimizely で複数のプロジェクトを使用している場合（複数のドメインまたはサブドメインに異なるプロジェクトがある、または本番環境と開発環境が別れているためこれを実行する可能性がある場合）は、各プロジェクトにその独自のスニペットがあります。そのプロジェクトに対応するページに各スニペットが実装されていることを確認してください。
次に、サイトに実装するスニペットを見つけます。
※Optimizely Classicも使用されている方は、同ページで設定できるSnippet Configrationで"Use both Optimizely X and Optimizely Classic"を選択してください。
XとClassicがまとまった場合、スニペットは最大50kbと大きいです。OptimizelyXのみでテストができるようになりましたら、"Use only Optimizely X"に切り替えて、速度とパフォーマンスを改善して下さい。
それぞれのプロジェクト毎にスニペットコードを保持しています(カスタムスニペット設定をしない限り)。そのため、もし複数のプロジェクトを保持している場合は、正しいスニペットがそれぞれのサイトに埋め込まれているか確認をして下さい。また、１つのページに対して複数のプロジェクトのスニペットコードを埋め込むことは、絶対にやめてください。
次にOptimizelyで実験を行うオリジンの特定を行います。
オリジンとは、特定のサイトのホスト名、プロトコル、ポートの組み合わせです。イベントの追跡をどこまでするのかをOptimizelyで設定します。複数のオリジンを跨いだ実験を行いたい場合は、クロスオリジンターゲティングを有効にする必要があります。
最適なパフォーマンスを担保するためには、Optimizelyのスニペットコードは<head>タグに埋め込まれる必要があります。そして、可能な限り高い位置にOptimizelyのスニペットコードを埋め込んでいただくことを推奨しております。一般的にあなたの<html>タグが、文字コード宣言部、その他metaタグ以下に配置してください。また、アナリティクスツールやヒートマップツールのコードよりも上にタグを配置してください。
以下のタグ以降に、スニペットコードを埋め込んでください。
以下のタグ以前に、スニペットコードを埋め込んでください。
以下を参考に、Optimizelyのスニペットを埋め込んでください
Optimizely スニペットがページに正しく実装されたかどうかは、JavaScript コンソールに「optimizely」を入力すると再確認できます。この例では Google Chrome を使用
します。トラブルシューティングおよび QA には Google Chrome の使用をお勧めします。