Dev guideAPI Reference
Dev guideAPI ReferenceUser GuideGitHubNuGetDev CommunitySubmit a ticketLog In
GitHubNuGetDev CommunitySubmit a ticket

Advanced Audience segment qualification methods for the React Native SDK

Use the fetchQualifiedSegments method to retrieve the external audience mapping for the user from the Optimizely Data Platform (ODP) server. Use the isQualifiedFor method to check if the user qualifies for the specified segment.

πŸ‘

Beta

Advanced Audience Targeting is currently in beta. Contact your Customer Success Manager for more information or register now on Optimizely.com.

fetchQualifiedSegments

Minimum SDK Version

v3.0.0 or higher

Description

You can use the fetchQualifiedSegments method to retrieve the external audience mapping for a specific user from the ODP server. The Optimizely Feature Experimentation React Native SDK provides an asynchronous version of the Optimizely Data Platform (ODP) fetchQualifiedSegments method.

fetchQualfiedSegments is a method of the ReactSDKClient object.

Parameters

The following table describes the parameters for the fetchQualifiedSegments method:

ParameterTypeDescription
options (optional)StringA set of options for fetching qualified segments from ODP.

Returns

This method returns a Promise, which will resolve with true if segments are fetched successfully, and false otherwise.

If the React Native SDK does not find an ODP audience in the datafile, it returns an empty qualified segments array without sending a request to the ODP server.

πŸ“˜

Note

You can read and write directly to the qualified segments array. This allows for bypassing the remote fetching process from ODP or for utilizing your own fetching service. This can be helpful when testing or debugging.

Example fetchQualifiedSegments call

The following is an example of calling the fetchQualifiedSegments method and accessing the returned completion object

import { createInstance } from "@optimizely/react-sdk";

const optimizelyClient = createInstance({
  sdkKey: '<Your_SDK_Key>'
});

export default function App() {
  optimizelyClient.onReady().then(() => {
    optimizelyClient.fetchQualifiedSegments();
  });
 
  return (
  	<YourComponent />
  );
}

The following diagram shows the network calls between your application, the React Native SDK, and the ODP server when calling fetchQualifiedSegments:

  1. Call fetchQualifiedSegments` method.
  2. The React Native SDK makes a GraphQL call to ODP to fetch segments.
  3. ODP responds with segments.
  4. Fetched segments mapping user IDs to segments are cached.
  5. Appropriate variations are returned for user.

Once the segments have been fetched, they are cached. This means that if the same user is requesting the segments again (when new user contexts are created), the audience segment information can be retrieved from the cache instead of being fetched again from the remote ODP server.

If you would like to bypass caching, you can add the following options to your options array:

  • OptimizelySegmentOption.IGNORE_CACHE – Bypass segments cache for lookup and save.
  • OptimizelySegmentOption.RESET_CACHE – Reset all segments cache.

isQualifiedFor

Minimum SDK vtersion

3.0.0 or higher

Description

Check if the user is qualified for the given audience segment.

Parameters

The following table describes the parameters for the isQualifiedFor method:

ParameterTypeDescription
segmentstringThe ODP audience segment name to check if the user is qualified for.

Returns

true if the user is qualified otherwise false

Examples

The following is an example of whether or not the user is qualified for an ODP segment:

import { createInstance } from "@optimizely/react-sdk";

const optimizelyClient = createInstance({
  sdkKey: '<Your_SDK_Key>'
});

export default function App() {
  optimizelyClient.onReady().then(() => {
    optimizelyClient.fetchQualifiedSegments();
    const isQualifiedForSegment1 =  optimizelyClient.getUserContext()?.isQualifiedFor("segment1");
    console.log(isQualifiedForSegment1); // true
  });
 
  return (
    <YourComponent />
  );
}

Source files

The language and platform source files containing the implementation for React Native are available on Github.