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 while initializing. You can do that by providing the attribute segments when initializing StorifyMe widget, like for example:

let segments = ["featured", "sport"];
<script type="text/javascript" 
  src="https://cdn.storifyme.com/static/web-components/storifyme-elements.min.js">
</script>

<!-- Somewhere in the code where you want the widget to appear -->
<storifyme-collection 
  account="<ACCOUNT_ID>" 
  widget="<WIDGET_ID>" 
  env="<ENV>" 
  segments="segments">
</storifyme-collection>

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

Set query parameters to any story​

In order to send custom query parameters with every story, you can add them in the following way:

widget.addEventListener('onInitialized', (event) => {
  widget.setQueryParameter('key-example-1', 'value-example-1');
  widget.setQueryParameter('key-example-2', 'value-example-2');
});

Example usage​

  • If you do not give any parameters to segments, StorifyMe will show all stories with/without tags that belong to this widget. This is the default behavior.
  • If you set tags, StorifyMe will show the stories that have one or more of the defined tags. For example, if you set segments ['featured', 'sport'], Storifyme 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.