ePrivacy and GPDR Cookie Consent by Cookie Consent Skip to main content

Web: displaying and testing a banner to a segmented audience

Prerequisites

To work with on-site personalization, first, they need to be set by the Meiro team:

1. Meiro Events must be implemented. 

2. Meiro Events API connection must be set in the Administration/Configurations/Settings tab. 

3. Channels/Web tabs must be enabled by the administrator for your user role.

4. For native banners, it is required to place a DOM element with a unique ID in the HTML code of the website where the banner will be displayed.


To use segments with banners, there are additional requirements:

1. The relevant segment must be created in the Segments tab.

2. The Meiro User ID attribute must be added to WBS - Please contact the Meiro team to set this up.

1. How to display a banner to a segmented audience

image-1658484632445.10.11.png

1.1. Select condition: “Segment”

1.2. Select the segment you wish to display a banner to.

1.3. Select “Identifier attribute” which is an attribute used for profile stitching that helps to identify the user.

Usually, it is “1PT Meiro Web ID”.

1.4. Select the operator “is in segment / is not in segment”.

1.5. Select “Identifier location” (cookie / local storage) and insert a “key”.

Those values are 1PT Meiro Web IDs tracked from the client website where Meiro SDK is deployed.

Usually, it is a cookie, key:  meiro_user_id

A key can be found in the Developers tools -> Application -> Cookie/ Local storage -> Key

Warning: Setup for identifier attribute/ location and key can be custom to your use case, therefore, please contact the Meiro team.


2. How to test a banner for a segmented audience

To test whether the banner displays correctly to the segmented audience, it is necessary to set the meiro_id of the customer belonging to the segment.


Warning: We strongly advise using only the fresh anonymous windows for testing different cookies! 

image-1658818047012.47.03.png

2.1 Open the segment you are displaying the banner to.

2.2 Open a single customer view of someone from this segment.

Screenshot 2021-12-22 at 5.24.12 PM.png


2.3 Copy to clipboard 1PT Meiro Web ID.



2.4 Set cookies.


Setting by changing cookies manually:

Visit the URL when the banner is being displayed and open Developer Tools of the browser. Go to the Application tab and change the cookie value manually for both 'meiro_user_id' and 'meiro_user_id_js'.


Screenshot 2021-12-22 at 5.24.32 PM.png

Or setting through the JavaScript Console in Developer Tools:

document.cookie="meiro_user_id={{meiro_id_cookie_value}};domain=.{{your_domain}};path=/;secure;samesite=strict"

document.cookie="meiro_user_id_js={{meiro_id_cookie_value}};domain=.{{your_domain}};path=/;secure;samesite=strict"


2.5 Hard refresh (CTRL + F5) your browser, and the banner will be displayed.


Learn more: about how to open Developer Tools on Chrome, Safari, Microsoft Edge, Firefox