DataLook Docs
Install guides

Angular Universal

Install DataLook on Angular Universal — the plain script tag, or the first-party proxy that beats ad blockers. Both on one page.

Add the tag to the document head in index.html.

Add the script to <head>

src/index.html
<script defer src="https://cdn.datalook.app/s.js" data-site="YOUR_SITE_ID"></script>

The proxy install serves both s.js and the collector from your own domain, so ad blockers — which match on domain, not path — can't see us. You rewrite one innocuous path prefix to our CDN; the script figures out the rest.

Mount http-proxy-middleware on the Express SSR server.

Install the middleware

npm i http-proxy-middleware

Proxy the prefix in server.ts

server.ts
import { createProxyMiddleware } from 'http-proxy-middleware'server.use('/_axis', createProxyMiddleware({  target: 'https://cdn.datalook.app',  changeOrigin: true,  pathRewrite: { '^/_axis': '' },}))

Point the script at the prefix

<script defer src="/_axis/s.js" data-site="YOUR_SITE_ID"></script>

Heads up

Your server now sits between the visitor and us, so forward the visitor IP (X-Forwarded-For) or your country breakdown will collapse to your server location. The DNS proxy avoids this entirely — see the proxy overview.