準備用 iframe

典型的なeコマースのウェブページでは、多くのサードパーティ技術サービスがネットワークトラフィックコールを行うために競争しており、リクエストのキューを通過するのに時間がかかることがあります。このサービス間の競争が増すと、ページの読み込み速度が顧客体験にとって重要な場合に負担をかける可能性があります。

最高の価値を提供しつつ、最先端のセキュリティと分離を組み込むために、Rokt Web SDK はサーバーとブラウザ間で複数のリクエストを行うように設計されています。これらの一連のリクエストは、他のサードパーティサービスによって行われるリクエストと組み合わさると、特定の状況で読み込み時間に影響を与える可能性があります。

読み込み速度が非常に重要であることを理解しており、ページの読み込みが開始されてからRoktオファーが表示されるまでの時間が、配置ドロップ率（取引の見逃し）、インプレッション、エンゲージメント率、したがってRoktによって生み出される価値に直接影響を与えます。

準備用iframeの使用

この問題に対処し、より良い顧客体験を提供するために、Web SDK統合に簡単に統合できるアドオンを作成しました。このソリューションは、安全で実装が容易で柔軟な準備用iframeで構成されており、トランザクションフローの前のページに実装することができます。

このソリューションを実装するには、Roktプレースメントを表示するページの前にあるトランザクションジャーニー内の任意のページに次のコードを配置してください。

<iframe aria-hidden="true" src="https://apps.rokt.com/wsdk/preload/index.html" sandbox="allow-scripts allow-same-origin" style="border: 0px; width: 100%; display: none;"></iframe>

準備用iframeは、タグマネージャーに配置するか、ページのボディ内に配置することができます。iframeがバックグラウンドで完全に実行されるようにするために、顧客がより長く滞在するページ（例えば、配送詳細ページ）に配置することをお勧めします。

仕組み

iframeはWeb SDKのファイルの大部分をダウンロードし、それらをブラウザのキャッシュに保存して、後のページで配置を表示する際に簡単に取得できるようにします。iframeが行うのは、後で使用するためのリソースをダウンロードすることだけなので、ページ上で何も実行されず、個人の顧客データとのやり取りも必要ありません。顧客がRoktの配置が表示されるページに到達すると、Roktサービスはオファーと配置を選択、取得、レンダリングするだけです。

SDKをセクションごとにダウンロードすることで、時間に敏感なページで必要なネットワーク帯域幅を削減できます。準備用iframeソリューションを使用することで、配置の読み込み時間が短縮され、顧客体験が向上し、パフォーマンスの結果が改善されます。

セキュリティ

トランザクションフローの初期ページ（例：支払いページや配送詳細ページ）にiframeを統合することに関連するセキュリティリスクはありません。準備用iframeは完全に分離されており、ページにアクセスすることはありません。iframeは特別なHTML要素であり、ブラウザエンジンが特定のルールを強制します。機能的には、iframeはロジックをサンドボックス化し、キャッシュやAPIへの接続など、iframeコンテナ内でのみ機能を実行する能力を制限します。

iframe内のコードが親ページ上の個人識別情報（PII）へのアクセスなどの追加の特権を必要とする場合、iframe内のアプリケーションはホストページにメッセージを送信することでのみアクセスを得ることができ、ホストページ上の協力的なロジックがこれらのメッセージをリッスンし、裁量で応答します。ホストページ上にiframeと協力する追加のコードがないため、何も応答できず、iframeはホストページから情報にアクセスすることができません。

この隔離により、iframe内のRoktコードが何らかの形で侵害された場合でも、ホストページ上の何にもアクセスできず、顧客のデータは安全に保たれます。さらに、準備用iframeは選択やターゲティングプロセスを実行しないため、この段階でRoktによって顧客データが要求されることはありません。