メインコンテンツまでスキップ

テスト

統合のテスト

Web SDKの統合が正しく読み込まれ、期待どおりのデータ属性が読み込まれていることを確認するために、Web SDKの統合をテストすることをおすすめします。

テストを始める前に

Rokt EcommerceまたはRokt AdsのWeb SDKの統合をテストするために、以下の手順に従うことができます。

  1. ブラウザで新しいウィンドウを開きます。

  2. ブラウザの開発者ツールパネルを開きます。ほとんどのブラウザでは、画面を右クリックして検証をクリックすることで開くことができます。

  3. 開発者ツールパネルから、ネットワークタブに移動し、フィルターバーにexperiencesと入力します。

  4. Web SDKが配置されているサイトとページに移動します。

    注意: /experiencesの呼び出しがブラウザによって記録されるようにするために、サイトに移動する前に開発者ツールを開いていることを確認してください。

  5. 開発者ツールパネルのネットワークタブで、少なくとも1つの/experiencesリクエストが表示されるはずです。これはWeb SDKが正常に読み込まれたことを示しています。

  6. /experiencesリクエストをクリックします(ステータスが200であるはずです)。ペイロード/リクエストタブを確認して、Roktと共有されるデータを検証します。

    注意: テスト中に、ステータスが204の別の/experiences呼び出しを見ることがあります。200のステータスを持つ呼び出しをチェックしていることを確認してください。

Web SDKの統合テスト

トラブルシューティング

Rokt Web SDKは、コンテキストに基づいたエラーレポートを提供します。統合の検証に問題がある場合、問題をデバッグする最良の方法は、ブラウザの開発者ツールのコンソールタブを確認することです。

Web SDKコードの外部に他のエラーがあるかもしれません。次のよくあるエラーのいずれかが発生している可能性があります:

構文エラー

統合コードにカンマが抜けていないことを確認してください。

構文エラーを確認するには、以下の手順を実行してください:

  1. ブラウザの開発者ツールのコンソールタブに移動します。

  2. Web SDKを配置したファイルにエラーがある場合、コンソールに表示されます。ファイルをクリックして、ブラウザからのコードとエラーを確認します。

    Web SDK integration testing

  3. エラーはファイル内に表示されます。特に、以下のようにすべての属性がカンマで区切られていることを確認してください。

間違った例:

email: ''
emailsha256: '',

正しい例:

email: '',
emailsha256: '',

その他の一般的なエラー

  • スクリプトが正しいページに配置されていることを確認してください。
  • タグマネージャーを使用している場合は、トリガーが正しく設定されていることを確認し、スクリプトが正しいページで読み込まれるようにしてください。

サンドボックス統合

サンドボックス統合では、サンドボックス環境に対してテストを行うための設定フラグを追加することができます。サンドボックス環境は、本番設定に対して通常のオファー、入札、マッチングプロセスを実行します。サンドボックス環境はRoktの本番環境の一部ですが、広告主に料金を請求したり、紹介料を生成したりしません。そのため、本番環境に展開する前の受け入れテストに使用することができます。

この統合は、以前の例と同じ手順に従い、初期化関数に追加のサンドボックスフラグが必要です。

メソッドの詳細については、Rokt.createLauncherを参照してください。

const launcher = await createLauncher({
accountId: 'rokt-account-id',
sandbox: true,
});

サンドボックスフラグが設定されると、サンドボックス環境が正しく機能するために、Roktのソリューションが本番のhttps://apps.rokt.comではなく、https://apps-demo.rokt.comに対してAPIコールを実行していることが確認できるはずです。

注記

sandboxフラグは、テスト環境でのみ使用する必要があります。

::

この記事は役に立ちましたか?