Add data-attributes for LiveUX about cn-website HOT 9 CLOSED

For the data-wp-page-cookie this needs to be linked with #12

from cn-website.

The proposed approach we discussed was leveraging the global and page metadata to achieve this, so authors can easily inject the props and update those if needed.

And then we take a few lines of JS to replicate the meta props on the body or main element.

Only exception would be the cookie value as @mhaack pointed out

from cn-website.

Could you align those infos with the dataLayer Analytics uses? @verlok please talk to Mauricio if there are such values already available there. Especially data-wp-page-type smells like something Analytics would need too.

from cn-website.

Draft instrumentation on the main div here: https://github.com/hlxsites/netcentric/tree/72-data-attributes-live-ux
See on https://72-data-attributes-live-ux--netcentric--hlxsites.hlx.page/drafts/mblanche/who-we-are.

from cn-website.

Thanks @meryllblanchet, that works!

Would you be able to update it also on the 404 page, or is it something we need to do on NC's side?

from cn-website.

Also @meryllblanchet can you please open a PR?

from cn-website.

@meryllblanchet? The golive is tomorrow at 3PM, can you open a PR?

from cn-website.

Hello @verlok , apologies for having missed you here. Will raise a PR tomorrow morning as I am also adding the support for the 404 html.
Let's sync-up on Slack, I will briefly show you the setup on the authoring side.

from cn-website.

Actually @verlok , I updated the PR that has been opened by @mhaack . Please check #143.

from cn-website.