エクスペリエンスの設定が完了したら、プレビューで動作を確認しましょう。

プレビューの有効化

<aside>

プレビュー」画面にて、「プレビューを有効化」をクリックすると、コンテナに対してリクエストが送信されます。 リクエストが正常に処理されると、プレビュー用URLが有効になります。

image.png

</aside>

プレビューモードの仕様

<aside>

プレビューモードは、同一タブ内での同一ドメインへの遷移であれば、その指定内容が保持されます。

<aside> ⚠️

以下のような場合は、プレビューモードが保持されません。

</aside>

プレビュー用URLの形式

<aside>

プレビュー用URLは、エディターページのURLに、 _optx_preview=エクスペリエンスID-パターン番号 という形式のクエリパラメータが追加されたものです。

対象ページパターンの組み合わせごとに生成されます。

プレビュー用URLにアクセスすると、そのパターンの変更内容が適用されます。 意図した通りの変更が反映されているか、確認してください。

<aside> ⚠️

対象のページにインストール用のスクリプトタグが設置されていない場合、プレビュー機能もご利用いただけません。

スニペットタグを設置する

</aside>

</aside>

ターゲティング条件を有効化

<aside>

ターゲティング条件を有効化ONにすると、 プレビュー用クエリパラメータの末尾に -if が追加されます。

image.png

この場合、設定したターゲティング条件に合致した場合のみプレビューが有効になります。

ターゲティング条件が正しく設定できているか、確認してください。

<aside> ⚠️

特に グローバル変数 データレイヤー変数 を条件に利用している場合、正しく設定できているつもりでも、エクスペリエンスの発火タイミングとの兼ね合いでうまく発火しない場合があります。必ずプレビューで確認するようにしてください。

ターゲティング条件の設定

</aside>

</aside>

プレビュー対象のエクスペリエンスを追加

<aside>

他に「実施中」または「プレビュー用URLが有効」となっているエクスペリエンスがある場合、そのエクスペリエンスのパターンを明示的に指定して、プレビュー対象として追加することができます。

image.png

プレビュー対象のエクスペリエンスを追加すると、プレビュー用クエリパラメータが _optx_preview=A1B2C3-1.X7Y8Z9-1 のように変更されます。

</aside>

プレビュー対象外の実施中エクスペリエンスの挙動

<aside>

プレビューモードでは、「プレビュー対象外の実施中エクスペリエンス」に割り当てられるパターンが、以下のように固定されます。

<aside> ⚠️

ABテストモードのエクスペリエンスでパターンの比重を 0% : 100% のように設定している場合も、「オリジナル」が表示されます。

意図通りのプレビューを確認するには、エクスペリエンスを100%反映モードに変換してください。

</aside>

</aside>

デベロッパーツールでのコンソール確認

<aside>

プレビューモードでは、Chromeの「デベロッパーツール」を利用した確認も可能です。

対象ページ上で右クリックし、「検証」をクリックします。

image.png

コンソール(Console)」タブを選択します。

image.png

コンソールに出力されたメッセージで、以下の項目を確認することができます。

image.png

</aside>


次のステップ:

スケジュールを設定する