PendoモバイルとReact Native – Pendoヘルプセンター

React Nativeバージョン0.6以降。ExpoのBareワークフローのみ。

React Native Navigationライブラリバージョン6.xにはSDK 2.5以降が必要です
React Navigationライブラリバージョン5.xにはSDK 2.6以降が必要です

モバイルアプリがコードレスのReact Nativeサポートの技術的要件を満たさない場合は、トラックイベント（Track Events）ベースのソリューションを使用できます。

概要

React Nativeフレームワークで作成されたモバイルアプリでは、アプリがReact Nativeとナビゲーションライブラリの基準を満たしていれば、Pendoのコードレスソリューションを利用できます。

これには、ノーコード分析（SDKのインストール時までさかのぼって機能します）や、ツールチップやウォークスルーを含むあらゆるモバイルガイドのタイプなど、ネイティブモバイルアプリケーションで利用できるPendoの優れたモバイル機能すべてが含まれます。

前提条件

ReactNativeバージョン0.6以降で構築されたReact Nativeアプリケーション
「React Native Navigation」ライブラリバージョン6.xを使用するReact Nativeアプリケーション
「React Navigation」ライブラリバージョン5.xを使用するReact Nativeアプリケーション

どのReact Native設定をアプリで使用しているかについては、開発者に確認してください。

インストール手順

「React Native」アプリタイプを選択して、iOSおよびAndroidアプリを作成します。
Pendoでは、2種類のアプリケーション（iOS用およびAndroid用）が［サブスクリプション設定（Subscription Setting）］ページに作成されます。
それぞれのアプリをクリックし、アンケートに回答して統合します。
1. 使用しているReact Nativeのバージョンを選択し、［次へ（Next）］をクリックします。
2. 使用しているナビゲーションライブラリを選択し、［次へ］をクリックします。
3. 使用しているナビゲーションライブラリのバージョンを選択し、［次へ］をクリックします。
4. ［インストール続行（Continue to installation）］クリックします。
5. 表示されたインストール手順に従います。

アプリをPendo SDKと統合できたら、ページへのタグ付けや各アプリのガイドの作成を開始できます。

訪問者とアカウントはどのように追跡できますか？

startSession：このAPIを使用して、現在の訪問者IDとそれに関連するデータ（アカウントID、訪問者データ、アカウントデータ）を更新できます。主に「ログイン」アクティビティで使用されます。

const visitorId = 'VISITOR-UNIQUE-ID';
const accountId = 'ACCOUNT-UNIQUE-ID';
const visitorData = {'Age': '25', 'Country': 'USA'};
const accountData = {'Tier': '1', 'Size': 'Enterprise'};

PendoSDK.startSession(visitorId, accountId, visitorData, accountData);

startSession：このAPIを使用して、現在の訪問者のセッションを終了し、訪問者IDと関連付けることなく新しいセッションを開始できます。主に「ログアウト」アクティビティで使用されます。

PendoSDK.startSession(nullvalues)

setVisitorData：このAPIを使用して、セッションの途中で訪問者のデータを更新できます。主に訪問者が詳細を更新する際に使用されます。

PendoSDK.setVisitorData({"KEY1":"VALUE1","KEY2":"VALUE2",...})

setAccountData：このAPIを使用して、セッションの途中でアカウントデータを更新できます。主にアカウントデータを更新したい場合に使用されます。

PendoSDK.setAccountData({"KEY1":"VALUE1","KEY2":"VALUE2",...})

React Nativeバージョン0.6以降

React Nativeバージョン0.6以降では何が変わったのですか？

React Nativeバージョン0.6以降の階層レイアウトの変更が、Pendo SDKによるAndroidアプリのページの識別方法に影響することを確認しました。注：React Nativeバージョン0.6以降を使用している、または使用する予定のAndroidアプリにのみ適用されます。

タグ付きページへの影響は？

一部のページでは、分析の収集やガイドの表示を行うために、更新が必要な場合があります。このようなページは、 Pendoの［ページアラート（Page Alert）］タブにアクセスすることで、簡単に確認し、修正することができます。ページアラートは、以前はアクティビティがあったにもかかわらず、現在は閲覧数がゼロになっているページをプロアクティブに表示するため、必要に応じてページをすぐにチェックして更新することができます。

ページアラートを確認し、「ページを更新」して新しいページ構造をキャプチャします。これが完了すると、ページに関連するアナリティクスやガイドが期待通りに表示されます。
また、ページアラートをサブスクライブすると、ページの更新が必要になったときにメールで通知されるのでお勧めです。

お困りですか？

概要