Guides

Targeting: Audiences

Suggest Edits

You can customize user content according to the criteria you specify in the JOIN studio. To take into account audience-specific content, you can provide a prop customParameters. It is a key/value object.

📘

Language stories

By default, the feature uses the phone's language to automatically manage multi-language stories.
If you want a different default language (e.g. that of the app), you can override the language key

📘

Info

Only strings are accepted as values. If you need to pass an array, you can pass several values separated by a , (see Food paramater in the example below)

import { JoinStoriesView } from '@join-stories/react-native-widgets';

export default function Home() {
  return (
  	<SafeAreaView>
      <JoinStoriesView 
        alias="<your_join_alias>" 
        customParameters={{
          Food: 'burgers,vegetables',
          Age: '21',
        }}
      />
    </SafeAreaView>)
}

import { JoinStoriesCardView } from '@join-stories/react-native-widgets';

export default function Home() {
  return (
  	<SafeAreaView>
      <JoinStoriesCardView 
        alias="<your_join_alias>" 
        customParameters={{
          Food: 'burgers,vegetables',
          Age: '21',
        }}
      />
    </SafeAreaView>)
}

import { JoinStories } from "@join-stories/react-native-widgets";

export default function Home() {
  const openPlayer = () => {
  	JoinStories.startStandalonePlayer({ 
      alias: '<your_join_alias>',
      customParameters={{
        Food: 'burgers,vegetables',
        Age: '21',
      }}
    });
  }
  return (
  	<SafeAreaView>
    	<Button title="Open player" onPress={openPlayer} />
    </SafeAreaView>)
}

Updated 24 days ago