プレースメントの追加
Roktパートナーの場合、Rokt SDK for React Nativeを使用して、アプリのコンテンツの上にオーバーレイプレースメントを表示することができます。
開始する前に
アプリケーションにRokt React Native SDKが統合されていることを確認してください。
オーバーレイプレースメント
SDKのインポート
アプリケーションのJavaScriptファイルにSDKをインポートします:
import { Rokt } from "@rokt/react-native-sdk";
SDKの実行
適切なカスタマーアトリビュートを追加することで、任意のタイミングでSDKを実行します。Roktの配置は、Roktプラットフォームを介して設定可能な短い遅延の後に表示されます。
Roktの統合に含めるカスタマーアトリビュートを指定することができます。利用可能なデータフィールドの詳細については、attributes ページを参照してください。さらにアトリビュートを統合したい場合は、以下のサンプルコードに新しいアトリビュートごとに追加の行を追加することができます。
attributes = {
email: "j.smith@example.com",
firstname: "Jenny",
lastname: "Smith",
mobile: "(323) 867-5309",
postcode: "90210",
country: "US",
};
Rokt.execute("RoktExperience", attributes, {}, () =>
console.log("Placement Loaded")
);
ViewName
("RoktExperience")は、アプリ内でSDKが実行されるコンテキストに応じて異なるエクスペリエンスを表示するために、SDKを複数の場所で実行する際に変更することができます。ViewNameを変更する場合は、Roktチームと連携してRoktシステム内での適切な調整が行われるようにしてください。
埋め込み配置
SDKのインポート
JavaScriptファイルにRokt SDKをインポートします:
import { Rokt, RoktEmbeddedView } from "@rokt/react-native-sdk";
プレースホルダの参照を作成する
JavaScriptファイルでプレースホルダの参照を作成します:
constructor(props){
super(props);
this.placeholder1 = React.createRef();
}
RoktEmbeddedViewをビューに追加する
render()
内にRoktEmbeddedView
を追加します。execute
メソッドが呼び出されると、Rokt埋め込みプレースメントがこのプレースホルダに注入されます:
<RoktEmbeddedView
ref={this.placeholder1}
placeholderName={"RoktEmbedded1"}
></RoktEmbeddedView>
Rokt React Native SDKを実行する
適切なタイミングでSDKを実行し、適切な顧客属性を送信します。Roktプレースメントは、Roktプラットフォームで設定可能な短い遅延後に表示されます。
Roktの統合に含める顧客属性を指定できます。使用可能なデータフィールドの詳細については、attributesページを参照してください。さらに属性を統合する場合は、以下のサンプルコードの各新しい属性に対して追加のコード行を追加できます。
placeholders = {
RoktEmbedded1: findNodeHandle(this.placeholder1.current),
};
attributes = {
email: "j.smith@example.com",
firstname: "Jenny",
lastname: "Smith",
mobile: "(323) 867-5309",
postcode: "90210",
country: "US",
};
Rokt.execute("RoktEmbeddedExperience", attributes, placeholders, () =>
console.log("Placement Loaded")
);
ViewName
("RoktEmbeddedExperience")は、SDKを複数の場所で実行する際に変更できます。この設定により、SDKが実行されるアプリ内のコンテキストに応じて異なるエクスペリエンスを表示することができます。もしSDKを実行する場所に応じて異なるエクスペリエンスを表示したい場合は、ViewName
を変更してください。
ViewName
さんは、Roktチームと協力して、Roktシステム内でのマッチング調整が行われるようにしてください。