"Personalize" Button for Adobe Audience Manager about helix-sidekick HOT 4 CLOSED

@trieloff A few suggested changes:

• set the window.helix.audience variable to the selected ID

I would (re)use window.hlx object for this which is already being used by the Sidekick. On the other hand, do we really need this variable if the selected audience is also broadcast via event and stored in localStorage?

• fire a window.helix.on('audiencechanged') event

I would propose to fire the event on the window instead, as listening to an event on an object that may or may not exist (before the Sidekick is initialized, window.hlx yet would be cumbersome:

window.dispatchEvent(new CustomEvent('helix-audiencechanged`, { detail: audienceId }));

Then blocks can register listeners like this:

window.addEventListener('helix-audiencechanged', (evt) => console.log(evt.detail);

And a few questions:

1. Who is the persona authoring the _audiences sheet, and where would they get the correct IDs from?
2. In the production (i.e. non-simulation) scenario, where would the event be fired and the audience ID be stored in localStorage? I imagine we'd need a few helper functions to trigger this in a project's martech.js based on real data from EC...

cc @davidnuescheler

from helix-sidekick.

I agree with the first sentence of the issue description: we need a button in the sidekick. For the rest, I do not know. Talking about implementation details of the simulation without having defined the things which need to be simulated feels strange to me ;)
And apart from the button, I am also not sure if this really belongs to the sidekick.

I am going to create an issue for the personalised content.

from helix-sidekick.

Who is the persona authoring the _audiences sheet, and where would they get the correct IDs from?

The same person that defines audiences in AudienceManager. They get it from the AudienceManager UI.

In the production (i.e. non-simulation) scenario, where would the event be fired and the audience ID be stored in localStorage? I imagine we'd need a few helper functions to trigger this in a project's martech.js based on real data from EC...
On the other hand, do we really need this variable if the selected audience is also broadcast via event and stored in localStorage?

Oddly enough, this is the same question, asked twice.

The window.hlx.audience variable + helix-audiencechanged event shall be the main interface to use when building a compontent that interacts with audiences or uses targeting. The value will be populated from two sources:

1. the AudienceManager JSON API (by using the Experience Cloud ID Cookie)
2. the Cookie/LocalStorage/Sidekick UI

(2) overrides (1), so that a user with the sidekick can select audiences at any time.

from helix-sidekick.

Oddly enough, this is the same question, asked twice.

Sorry 😄

I figured we'd need some sot of "connecive tissue" between Audience Manager running on a page and blocks using personalization, to make sure that window.hlx.audience is set and/or the helix-audiencechanged event gets fired...

from helix-sidekick.