@ucam.uis.devops/ucam-observe-remote-analytics
Advanced tools
Tooling and documentation to provide a paved path for front-end/remote analytics. Currently utilising Google Analytics.
Run npm run build.
./dist. This is an ESM-only target (you can't use this in CommonJS modules)../ucam.uis.devops-ucam-observe-remote-analytics-analytics-x.y.z.tgz.To install the package, run the following command:
npm i @ucam.uis.devops/ucam-observe-remote-analytics
To run the tests, run npm test.
Insert this next to the root of your React app.
❗️ Note
Use the
CookieBannerin aThemeProviderwith theCamMuiThemeto get the correct style.
Before
<html lang="en">
<body className={inter.className}>
{children}
</body>
</html>
After
<html lang="en">
<body className={inter.className}>
<CookieBanner />
{children}
</body>
</html>
This is a theme that you can use with the ThemeProvider from material-ui. You should use the provider
in your layout or highest-level React app component.
Before
<html lang="en">
<body className={inter.className}>
<CookieBanner />
{children}
</body>
</html>
After
<html lang="en">
<body className={inter.className}>
<ThemeProvider theme={CamMuiTheme}>
<CssBaseline />
<CookieBanner />
{children}
</ThemeProvider>
</body>
</html>
To gain access to Google Analytics and obtain your GA tracking code, follow these steps:
Login to Google Workspace:
Use your @cam.ac.uk Cambridge account to log in via the Google Workspace Service Preferences.
Enable Google Analytics: In the Service Preferences web app, navigate to the "Google Analytics" section and enable it to activate your access to Google Analytics 4 (GA4).
Obtain Your GA Tracking Code:
G-XXXXXXX. This is the code you will
use to integrate Google Analytics into your project.Manage Team Access:
Use the obtained GA tracking code (e.g., G-MJKN0LGYW0) in your project by configuring it within the analytics
setup of your application.
If you encounter any issues or require further assistance, please refer to the Setting up Google Analytics and Google Search Console documentation.
In the basic-usage folder, you will find an example application.
To use it, start from the root folder, then run the following to install the package:
npm run build
pushd && cd basic-usage
npm i ../ucam.uis.devops-ucam-observe-remote-analytics-0.1.3.tgz
npm i
Then run the following to start the test app:
npm run dev
Go to localhost:3000 to see the application.
This project is MIT licensed.
FAQs
Tooling and documentation to provide a paved path for front-end/remote analytics. Currently utilising Google Analytics.
The npm package @ucam.uis.devops/ucam-observe-remote-analytics receives a total of 71 weekly downloads. As such, @ucam.uis.devops/ucam-observe-remote-analytics popularity was classified as not popular.
We found that @ucam.uis.devops/ucam-observe-remote-analytics demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
Security News
MITRE's 2024 CWE Top 25 highlights critical software vulnerabilities like XSS, SQL Injection, and CSRF, reflecting shifts due to a refined ranking methodology.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.