install guide

heytappr + angular

add heytappr to an angular app with one script tag in src/index.html.

where it goes

in an angular cli project, add the script to src/index.html just before the closing body tag, after your app root element.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>MyApp</title>
    <base href="/" />
  </head>
  <body>
    <app-root></app-root>
    <script src="https://cdn.tappr.app/embed.js" data-tapprid="your-business"></script>
  </body>
</html>

things worth knowing

• keep it in index.html rather than angular.json scripts, so it loads from the cdn and stays up to date.

• give the controls your guides point at stable ids or data attributes. styling classes change often and break selectors.

• allowlist your web origin in the heytappr workspace, or the embed won't load. add every origin you serve from, including staging.