Skip to main content

Segmentation targeting with StorifyMe

In case you want your widget to be dynamic and to show different stories to different audiences you would need to add tags into the script. Once StorifyMe receives the demographic you want to show stories to, it will only show the stories within a widget that match the tags for that demographic.

Setup segments​

In the following example we will create a segment for stories with tags of ["featured", "sport"].

Before you begin

You need to have the working StorifyMe setup as described in Initial SDK Setup

Set your tags in the StorifyMe platform​

When publishing story in the StorifyMe platform, you will find an option named "Story tags". There you should set your tags (for example "featured", "sport") and we will only show those stories that have one (or more) of the defined tags.

Set your tags in the StorifyMe SDK​

In order to show stories with specific tags, you need to configure them in the SDK itself. You can do that by providing the attribute segments when initializing StorifyMe widget, like for example:

import {
  StorifyMeEnv,
  StorifyMeWidget,
  StorifyMe,
  StorifyMeWidgetConfig,
} from 'react-native-storifyme';

export default function App(): JSX.Element {
  const ref = React.useRef(null);
  
  // Widget configuration
  const widgetConfig: StorifyMeWidgetConfig = {
    segments: ['featured', 'sport'],
  };
  
  return (
    <App>
       <StorifyMeWidget
          accountId={ACCOUNT_ID}
          apiKey={API_KEY}
          env={ENV}
          widgetId={WIDGET_ID}
          config={widgetConfig}
          style={styles.box}
          ref={ref}
          segments={segments}
        />
    </App>
  );
}

Once the widget is loaded, we will show stories with the tags defined in this method.

Example usage​

  • If you do not give any parameters to segments, StorifyMe SDK will show all stories with/without tags that belong to this widget. This is the default behavior.
  • If you set tags, StorifyMe SDK will show the stories that have one or more of the defined tags. For example, if you set segments ['featured', 'sport'], StorifyMe SDK will show all stories that belong to this widget and have either featured or sport tag (or have both tags).
  • If you set an empty value to the segments, only the stories without tags will be shown.