Skip to main content

Client-Side Rendering

Early Draft

This specification is at an early draft stage. Ideas are open for change and debate. A lot of the content was developed with the help of Claude AI.

Client-Side Rendering​

Client-Side Filtering (Fallback)​

const VERA_BLOCK_SELECTORS = [
  '[class*="cookie-banner"]',    '[class*="consent-overlay"]',
  '[id*="cookie-modal"]',        '[data-cookiebanner]',
  '[class*="newsletter-modal"]', '[class*="app-download-banner"]',
  '[class*="push-notification"]','[class*="paywall-overlay"]',
];

function applyVeraFilter() {
  VERA_BLOCK_SELECTORS.forEach(selector => {
    document.querySelectorAll(selector).forEach(el => {
      el.style.display = "none";
    });
  });
}
Client-side filtering is a fallback

The 402-based server-side routing is the reliable path. Client-side filtering is a last resort for publishers without VRP integration.

Vera Status Bar​

A persistent status bar is rendered at the bottom of the browser chrome, outside the web content. It cannot be manipulated by publisher JavaScript.

+-----------------------------------------------------+
|  [shield]  vera  ·  No tracking  ·  SSO ✓  ·  Sub ✓ |
+-----------------------------------------------------+
IndicatorMeaning
Shield greenVera template, fully verified
Shield yellowStandard HTML, filtered client-side
Shield greyNot logged into Vera
Sub ✓Active subscription for this domain
PPRPay-per-read payment just made
AdsAd-supported mode active

Native Vera Dialogs​

All Vera dialogs run in the browser chrome, not in web content. No JavaScript or CSS from the publisher can access or manipulate them.

Pay-per-Read dialog:

+---------------------------------------------+
|  Handelsblatt                               |
|                                             |
|  DAX Analysis Q2 2025                       |
|  Full article  ·  8 min read               |
|                                             |
|  Vera wallet: EUR 4.80                     |
|                                             |
|  [  Buy for EUR 0.49  ]   [  Cancel  ]     |
+---------------------------------------------+

Access selection dialog:

+---------------------------------------------+
|  How would you like to read?                |
|                                             |
|  o  Buy for EUR 0.49   (Vera wallet)       |
|  o  Subscribe to Some Publisher+                  |
|  o  Read with ads      (free)              |
|                                             |
|  [  Continue  ]   [  Cancel  ]             |
+---------------------------------------------+