Last updated

サンドボックスとの統合

import Tabs from '@theme/Tabs';

import TabItem from '@theme/TabItem';

サンドボックス統合を使用すると、構成フラグを渡してサンドボックス環境でテストすることができます。サンドボックス環境は、通常のオファー、入札、およびマッチングプロセスを本番構成に対して実行します。サンドボックス環境はRoktの本番環境の一部ですが、広告主に料金を請求したり収益を生成したりすることはありません。そのため、本番環境にデプロイする前に受け入れテストに使用できます。

統合は前の例とまったく同じ手順に従いますが、execute関数に渡す必要がある追加のsandbox属性があります。

警告

配置を本番環境に移行する前に、sandbox属性を削除する必要があります。

オーバーレイ配置の例

サンドボックス環境でオーバーレイ配置を実行するには、Roktに渡される属性リストを更新して "sandbox": "true" を含める必要があります。これは、オーバーレイ配置の開始 ドキュメントの例のコードを次のように更新することで行えます:

メジャーバージョン 3

<Tabs className="unique-tabs" defaultValue="JavaScript" values={[ {label: 'JavaScript', value: 'JavaScript'}, {label: 'TypeScript', value: 'TypeScript'}, ]}>

import { Rokt } from "@rokt/react-native-sdk";

const attributes = {
  email: "j.smith@example.com",
  sandbox: "true",
  firstname: "Jenny",
  lastname: "Smith",
  mobile: "(323) 867-5309",
  postcode: "90210",
  country: "US",
};

Rokt.execute("RoktExperience", attributes, {}, () =>
  console.log("Placement Loaded")
);

import { Rokt } from "@rokt/react-native-sdk";

const attributes: Record<stirng, string> = {
  email: "j.smith@example.com",
  sandbox: "true",
  firstname: "Jenny",
  lastname: "Smith",
  mobile: "(323) 867-5309",
  postcode: "90210",
  country: "US",
};

Rokt.execute("RoktExperience", attributes, {}, () =>
  console.log("Placement Loaded")
);

メジャーバージョン 4

<Tabs className="unique-tabs" defaultValue="JavaScript" values={[ {label: 'JavaScript', value: 'JavaScript'}, {label: 'TypeScript', value: 'TypeScript'}, ]}>

import { Rokt } from "@rokt/react-native-sdk";

const attributes = {
  email: "j.smith@example.com",
  sandbox: "true",
  firstname: "Jenny",
  lastname: "Smith",
  mobile: "(323) 867-5309",
  postcode: "90210",
  country: "US",
};

Rokt.execute("RoktExperience", attributes, {});

import { Rokt } from "@rokt/react-native-sdk";

const attributes: Record<stirng, string> = {
  email: "j.smith@example.com",
  sandbox: "true",
  firstname: "Jenny",
  lastname: "Smith",
  mobile: "(323) 867-5309",
  postcode: "90210",
  country: "US",
};

Rokt.execute("RoktExperience", attributes, {});

埋め込み配置の例

サンドボックス環境で埋め込み配置を実行するには、Roktに渡される属性のリストを更新して "sandbox": "true" を含める必要があります。これは、埋め込み配置の開始 ドキュメントのサンプルコードを次のように更新することで行えます:

メジャーバージョン 3

<Tabs className="unique-tabs" defaultValue="JavaScript" values={[ {label: 'JavaScript', value: 'JavaScript'}, {label: 'TypeScript', value: 'TypeScript'}, ]}>

import { Rokt, RoktEmbeddedView } from "@rokt/react-native-sdk";

...

const placeholders = {
  RoktEmbedded1: findNodeHandle(this.placeholder1.current),
};

const attributes = {
  email: "j.smith@example.com",
  sandbox: "true",
  firstname: "Jenny",
  lastname: "Smith",
  mobile: "(323) 867-5309",
  postcode: "90210",
  country: "US",
};
Rokt.execute("RoktEmbeddedExperience", attributes, placeholders, () =>
  console.log("Placement Loaded")
);

import { Rokt, RoktEmbeddedView } from "@rokt/react-native-sdk";

...

const placeholders: Record<string, number | null> = {
  RoktEmbedded1: findNodeHandle(this.placeholder1.current),
};

const attributes: Record<string, string> = {
  email: "j.smith@example.com",
  sandbox: "true",
  firstname: "Jenny",
  lastname: "Smith",
  mobile: "(323) 867-5309",
  postcode: "90210",
  country: "US",
};
Rokt.execute("RoktEmbeddedExperience", attributes, placeholders, () =>
  console.log("Placement Loaded")
);

メジャーバージョン 4

<Tabs className="unique-tabs" defaultValue="JavaScript" values={[ {label: 'JavaScript', value: 'JavaScript'}, {label: 'TypeScript', value: 'TypeScript'}, ]}>

import { Rokt, RoktEmbeddedView } from "@rokt/react-native-sdk";

...

const placeholders = {
  RoktEmbedded1: findNodeHandle(this.placeholder1.current),
};

const attributes = {
  email: "j.smith@example.com",
  sandbox: "true",
  firstname: "Jenny",
  lastname: "Smith",
  mobile: "(323) 867-5309",
  postcode: "90210",
  country: "US",
};
Rokt.execute("RoktEmbeddedExperience", attributes, placeholders);

import { Rokt, RoktEmbeddedView } from "@rokt/react-native-sdk";

...

const placeholders: Record<string, number | null> = {
  RoktEmbedded1: findNodeHandle(this.placeholder1.current),
};

const attributes: Record<string, string> = {
  email: "j.smith@example.com",
  sandbox: "true",
  firstname: "Jenny",
  lastname: "Smith",
  mobile: "(323) 867-5309",
  postcode: "90210",
  country: "US",
};
Rokt.execute("RoktEmbeddedExperience", attributes, placeholders);