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

Web banners: displaying and testing a web banner to a segmented audience

Prerequisites for web banners


To work with web banners, 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/ Settings tab.

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

4. For embedded web 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 web 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 web banner to a segmented audience

image-1658484632445.10.11.png

1.1. Select condition: “Segment”

1.2. Select the segment of your choice you wish to display a web banner to.

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

Usually, it is “Meiro User Id”.

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

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

Those values are Meiro user IDs tracked from the client website where Meiro SDK is deployed.

Usually, it is a cookie, key:  meiro_user_id

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 web 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 web banner to.

Screenshot 2021-12-22 at 5.24.00 PM.png


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 Meiro user ID.

Screenshot 2021-12-22 at 5.24.20 PM.png


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 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 web banner will be displayed.


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