SiteBehaviour Docs
  • Get Started
    • Overview
    • Quick Start
    • Custom Events
  • Guides & Integrations
    • React
    • NextJS
    • Angular
    • VueJS
    • Wordpress
    • Shopify
    • Wix
  • Security Practices
    • When to avoid tracking?
    • "Complete Tracking" mode
  • PRIVACY
    • Privacy Policy
    • Terms of Service
Powered by GitBook
On this page
  1. Guides & Integrations

Angular

PreviousNextJSNextVueJS

Last updated 11 months ago

Here are the easy steps to add the SiteBehaviour Tracking script to their Angular project.

Steps to Add Script to a Angular Project

  1. Go to your and click on the Settings button for your site.

  2. Go to the Tracking code tab.

  3. Click on Copy to copy the Tracking Code to your clipboard.

  4. In your Angular project directory, find the src folder. This folder contains your application's main files.

  5. Open the index.html file located in the src folder.

  6. Locate the closing </head> tag in the file.

  7. Paste your web analytics script just before the closing </head> tag in the index.html file.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>YourAngularApp</title>
    <base href="/">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <!-- Other head content -->
    <script>
        // Your sitebehaviour tracking script here
    </script>
</head>
<body>
    <app-root></app-root>
</body>
</html>

9 . After allowing a couple of minutes for the update, check for statistics. We recommend visiting your website to ensure that your initial activity is accurately reflected on the SiteBehaviour Dashboard.

SiteBehaviour Organisation's page
SiteBehaviour's Dashboard