Zephr gives you the ability to run HTML Feature Rules in the Zephr Site CDN, or in Browser, allowing you to integrate Zephr in a way that makes sense for your existing technology stack.
Browser-Side Features using the CDN
To use Browser-Side Features via the CDN, login to your Zephr Admin Console, then select Delivery > Sites.
Navigate to the site you wish to run a Browser-Side rule on, and select Browser Configuration.
You may also choose to toggle on the ‘Inject Access Details’ option. This injects access details for the browser-side decisions into a user’s browser.
Once complete, click Save.
Browser-Side HTML Features
Give your Feature a Title, and select HTML for the Type of Integration. You can also choose the Type of Feature – which refers to the type of content the Feature is transforming.
A new page will open, showing the Developer Interface. The Developer Interface contains the tools needed by a developer to hook Zephr up to your site.
To run your HTML Rule Browser-Side, locate the Where To Run? heading and select Run in Browser.
Below you will have the option to select whether web crawlers can access the content in the feature.
Under the Site Integration heading, the Comment Tag option will be greyed out. For Browser-Side Rules, you will need to integrate using CSS Selectors. Information on the types of CSS Selectors you can use can be found on the main HTML Features page.
Once complete, click Update & Lock. You can now build and manage your rule as usual, and it will run in-browser.
Note: If you return to an existing feature the developer interface will be closed by default. You can find it at the bottom of the page. Click anywhere in the border to re-open it.