Merge pull request reactplay#502 from reactplay/umami-analytics

✨reactplay#501 [Feature]: Add umami analytics for reactplayIo
rh-abir · Aug 19, 2022 · e603ca0 · e603ca0
2 parents f8f1e3e + 9a2a315
commit e603ca0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -34,6 +34,12 @@
  <title>
  ReactPlay - One app to learn, create, and share ReactJS projects.
  </title>
+ <script
+ async
+ defer
+ data-website-id="%REACT_APP_UMAMI_TRACK_ID%"
+ src="https://analytics.reactplay.io/umami.js"
+ ></script>
  </head>
  <body>
  <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/common/header/HeaderNav.jsx b/src/common/header/HeaderNav.jsx
@@ -105,7 +105,7 @@ const HeaderNav = ({ showBrowse }) => {
  href="https://github.com/reactplay/react-play/blob/main/CREATE-PLAY.md"
  target="_blank"
  rel="noopener noreferrer"
- className="app-header-btn app-header-btn--primary"
+ className="app-header-btn app-header-btn--primary umami--click--create-play"
  >
  <IoAddSharp className="icon" />
  <span className="btn-label">Create</span>
@@ -126,7 +126,7 @@ const HeaderNav = ({ showBrowse }) => {
  href="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/reactplay/react-play"
  target="_blank"
  rel="noopener noreferrer"
- className="app-header-btn app-header-btn--default"
+ className="app-header-btn app-header-btn--default umami--click--github"
  >
  <BsGithub className="icon" />
  <span className="btn-label">GitHub</span>

diff --git a/src/common/home/Home.jsx b/src/common/home/Home.jsx
@@ -84,7 +84,7 @@ const Home = () => {
  href="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/reactplay/react-play"
  target="_blank"
  rel="noopener noreferrer"
- className="body-c2a-btn"
+ className="body-c2a-btn umami--click--github"
  >
  <BsGithub className="icon" />
  <span className="btn-label">
@@ -193,4 +193,4 @@ const Home = () => {
  );
 };
 
-export default Home;
+export default Home;