Zones

In Acoustic Personalization, zone is an area of interest on the channel (for example, a website) on which personalization rules can be defined and run.

For example, consider a corporation that sells cutting-edge consumer technology. If the marketing channel owner for this corporation decides to start a new campaign that targets new visitors as potential buyers, then the channel owner can select an area (zone) on the website to display the personalized content. The zone can be in the form of a header or a side bar or in any other form as the channel owner desires.

In the case of Multi-Page Applications, zone is defined using HTML elements, for example, the div element.
In the case of Angular Single-Page Applications, zone is defined based on the component used for content rendering or building the UI.

Zone ID

Each zone has a unique identifier, referred to as the zone ID. When registering a zone for personalization, you must provide this zone ID.

In the case of Multi-Page Applications, the zone ID is specified by the website developer while creating the HTML source code for the web page.
In the case of Angular Single-Page Applications, the channel developer must identify the components where personalization is to be applied and subscribe those components for personalization by passing a unique ID that is same as the Zone ID specified in Acoustic Personalization.

For more information about zone registration, see Registering a zone

In the context of Acoustic Personalization, a zone is an area on the channel (for example, a website) that can be personalized. Each zone has an identifier (zone ID).

When registering a zone for personalization, you must provide this Zone ID.
Note:
  • The combination of zone name and the Zone ID must be unique within the channel being personalized.
  • The valid characters for a Zone ID are A-Z, a-z, 0-9, hyphen (-), and underscore (_).
  • Zone ID should not contain a space, or special characters, except hyphen (-) and underscore (_) characters.

How to get the zone ID?

For Multi-Page Applications
To view a zone ID in a Multi-Page Application, complete the following steps:
  1. Open the website that you want to personalize in a web browser, for example Google Chrome.
  2. On the website, decide the section (zone) that you want to personalize. For example, header banner.
  3. Right-click on the selected zone and click Inspect from the context menu in Google Chrome. If you are using Mozilla Firefox or Microsoft Internet Explorer / Edge browsers, click Inspect Element.

    The div element associated with the zone is highlighted.

  4. Note the unique ID for the HTML element. For example, div id = “WelcomeBanner”

    This is the zone ID that you need to specify during zone registration.

If the website that you want to personalize does not have unique identifiers for the section, then it is recommended to assign a unique zone ID to each HTML element that needs to be personalized.