Last updated 16 juil. 2024

Intégrer avec le bac à sable

Avec une intégration en bac à sable, vous pouvez passer un drapeau de configuration pour tester dans un environnement de bac à sable. L'environnement de bac à sable suit un processus normal d'offres, d'enchères et de correspondance avec votre configuration de production. Bien qu'un environnement de bac à sable fasse partie de l'environnement de production de Rokt, il ne facture pas les annonceurs et ne génère pas de revenus. En conséquence, vous pouvez l'utiliser pour les tests d'acceptation avant de déployer en production.

L'intégration suit exactement les mêmes étapes que dans les exemples précédents, avec un attribut sandbox supplémentaire à passer à la fonction execute.

Avertissement

Vous devez supprimer l'attribut sandbox avant de passer en direct avec votre placement.

Exemple de placement en superposition

Pour exécuter un placement en superposition dans l'environnement de bac à sable, la liste des attributs passés à Rokt doit être mise à jour pour inclure "sandbox": "true". Cela peut être fait en mettant à jour le code de l'exemple dans la documentation lancer un placement en superposition pour inclure ce qui suit :

Version Majeure 3

JavaScript

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")
);

TypeScript

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")
);

Version Majeure 4

JavaScript

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, {});

TypeScript

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, {});

Exemple de placement intégré

Pour exécuter un placement intégré dans l'environnement sandbox, vous devez mettre à jour la liste des attributs passés à Rokt pour inclure "sandbox": "true". Cela peut être fait en mettant à jour le code d'exemple de la documentation lancement d'un placement intégré comme suit :

Version Majeure 3

JavaScript

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")
);

TypeScript

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")
);

Version Majeure 4

JavaScript

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);

TypeScript

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);