Adobe Visitor Serviceモジュール
React Native用のTealium Adobe Visitor Serviceモジュールのインストール方法を学びます。
Tealium for React Nativeは、React NativeアプリケーションでTealiumのモバイルライブラリ(iOS、Android)を使用することを可能にします。
仕組み
Tealiumのモバイルライブラリは、以下の2つの方法のいずれかを使用してReact Nativeアプリケーションに統合されます:
- NPMパッケージ(推奨)
- 手動でGitHubから
必要条件
- ネイティブビルド環境へのアクセス
- Tealium for React Native 2.2.0+
- React Native 0.63+とツールのインストール
- Tealium iQ Mobile Profile
- Android StudioまたはXcode
- Tealium for AndroidまたはTealium for iOS
インストール (NPM/YARN)
React Native用のTealium Adobe VisitorモジュールをNPMでインストールするには:
-
メインの
tealium-react-native
ライブラリのインストール手順をこちらで確認し、少なくともバージョン2.2.0以上をインストールしていることを確認します。 -
React Nativeプロジェクトのルートに移動します。
-
以下のコマンドで
tealium-react-native-adobe-visitor
パッケージをダウンロードしてインストールします:yarn install tealium-react-native-adobe-visitor
JavaScript
アプリに関連するクラスをインポートするには、以下のようにします:
import TealiumAdobeVisitor from 'tealium-react-native-adobe-visitor';
import { TealiumAdobeVisitorConfig } from 'tealium-react-native-adobe-visitor/common';
初期化
メインのTealium React Native統合を初期化する前に、Adobe Visitorモジュールを構成します。
let adobeVisitorConfig: TealiumAdobeVisitorConfig = {
adobeVisitorOrgId: "ADOBE-ORG-ID",
adobeVisitorExistingEcid: "",
adobeVisitorRetries: 1,
adobeVisitorAuthState: AuthState.authenticated,
adobeVisitorDataProviderId: "",
adobeVisitorCustomVisitorId: ""
}
TealiumAdobeVisitor.configure(adobeVisitorConfig);
APIリファレンス
Adobe VisitorモジュールとメインのTealium React Native統合が両方とも初期化された後、既存のAdobeビジターをリンクすることができます。
linkEcidToKnownIdentifier(id, providerId, authState, callback)
既存のECIDを既知の識別子にリンクします。
TealiumAdobeVisitor.linkEcidToKnownIdentifier(id, providerId, authState, value => {
console.log("AdobeVisitor Data: " + JSON.stringify(value))
});
getAdobeVisitor(callback)
現在のAdobeビジター情報を取得します
TealiumAdobeVisitor.getAdobeVisitor(value => {
console.log("Current Adobe Visitor: " + JSON.stringify(value))
});
decorateUrl(url, callback)
URLをECIDビジターデータで装飾します。
TealiumAdobeVisitor.decorateUrl(("https://tealium.com", value => {
console.log("Decorated URL: " + value);
});
getUrlParameters(callback)
URLに追加するためのAdobe Visitor URLパラメータを取得します。
TealiumAdobeVisitor.getUrlParameters(value => {
if (value === null || value === undefined) {
console.log("Adobe Visitor was null");
return;
} else {
for (var key of Object.keys(value)) {
// Result: key = adobe_mc
// value = MCMID=1234|MCORGID=12345@AdobeOrg|TS=1655826247
// Only for demonstration purposes; call some method in your app that decorates the URL and then launches your webview
console.log("Retrieved URL Parameters: ", key + "=" + value[key]);
break;
}
}
});
resetVisitor()
現在のビジターをリセットします。
TealiumAdobeVisitor.resetVisitor();
最終更新日 :: 2024年March月29日