Merge pull request #283 from celestiaorg/feature/plausible-classes

rename plausible events
celestiaorg · Oct 25, 2023 · 38dee11 · 38dee11
2 parents 7fcf10e + 01e5cbc
commit 38dee11
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 14 deletions.
diff --git a/src/components/header.js b/src/components/header.js
@@ -16,15 +16,15 @@ const navigation = [
                 url: "/what-is-celestia/",
                 icon: "menu/logo.svg",
                 type: 'internal',
-                class: 'plausible-event-name=What+Is+Celestia'
+                class: 'plausible-event-name=What_Is_Celestia_Button--Header'
             },
             {
                 text: "Dive into modular",
                 subtext: "Dive deep",
                 url: "/learn/",
                 icon: "menu/books.svg",
                 type: 'internal',
-                class: 'plausible-event-name=Dive+into+Modular'
+                class: 'plausible-event-name=Dive_into_Modular_Button--Header'
             },
             {
                 text: "FAQ",
@@ -53,15 +53,15 @@ const navigation = [
                 url: "/developer-portal/",
                 icon: "menu/devnet.svg",
                 type: 'internal',
-                class: 'plausible-event-name=Dev+Portal'
+                class: 'plausible-event-name=Dev_Portal_Button--Header'
             },
             {
                 text: "Read the docs",
                 subtext: "Celestia Documentation",
                 url: "https://docs.celestia.org/",
                 icon: "menu/documentation.svg",
                 type: 'external',
-                class: 'plausible-event-name=Read+The+Docs'
+                class: 'plausible-event-name=Read_The_Docs_Button--Header'
             },
             {
                 text: "View the GitHub repos",

diff --git a/src/datas/home/hero-section.js b/src/datas/home/hero-section.js
@@ -4,13 +4,13 @@ export const heroData = {
     buttons:[
             {
                 text: 'Build modular',
-                class: 'simple plausible-event-name=Build+Modular',
+                class: 'simple plausible-event-name=Build_Modular_Button--Homepage-Hero',
                 type: 'internal',
                 url: '/developer-portal/'
             },
             {
                 text: 'Explore',
-                class: 'white plausible-event-name=Explore',
+                class: 'white plausible-event-name=Explore_Button--Homepage-Hero',
                 type: 'anchor',
                 url: '/#explore-celestia'
             }

diff --git a/src/datas/what-is-celestia/content.js b/src/datas/what-is-celestia/content.js
@@ -7,7 +7,7 @@ export const FooterBoxes2 = [
             href: '/developer-portal/',
             type: 'internal',
             id: 'build',
-            class: 'plausible-event-name=Find+Your+Best+Option'
+            class: 'plausible-event-name=Build_Your_App_Button--What_Is_Celestia_Page-Start_Using_Section'
         }
     },
     {
@@ -18,7 +18,7 @@ export const FooterBoxes2 = [
             href: '/#explore-celestia',
             type: 'anchor',
             id: 'explore',
-            class: 'plausible-event-name=Explore+what+you+can+do'
+            class: 'plausible-event-name=Explore_What_You_Can_Do_Button--What_Is_Celestia_Page-Start_Using_Section'
         }
     }
 ]
diff --git a/src/pages/developer-portal.js b/src/pages/developer-portal.js
@@ -34,7 +34,7 @@ const DevPortal = () => {
 							<div className={"row"}>
 								<div className={"col-auto"}>
 									<div className={"text"} dangerouslySetInnerHTML={{ __html: heroData.text }} />
-									<AnchorLink to={`/developer-portal#${heroData.buttons[0].url}`} className={'plausible-event-name=Build+Modular+Developer button button-'+heroData.buttons[0].class} stripHash>{heroData.buttons[0].text}</AnchorLink>
+									<AnchorLink to={`/developer-portal#${heroData.buttons[0].url}`} className={'plausible-event-name=Build_Modular_Button--Developer_Portal_Page-Hero_section button button-'+heroData.buttons[0].class} stripHash>{heroData.buttons[0].text}</AnchorLink>
 									<a href={`${heroData.buttons[1].url}`} className={'button button-'+heroData.buttons[1].class} target={"_blank"} rel={"noreferrer"}>{heroData.buttons[1].text}</a>
 								</div>
 							</div>
@@ -72,7 +72,7 @@ const DevPortal = () => {
 											key={item.id}
 											content={item}
 											variant={"vertical"}
-											btnClass={'plausible-event-name=Framework+Click'}
+											btnClass={'plausible-event-name=Framework_Click--Developer_Portal_Page-Framework_section'}
 										/>
 									);
 								})}
@@ -97,7 +97,7 @@ const DevPortal = () => {
 													key={item.id}
 													content={item}
 													variant={"horizontal"}
-													btnClass={'plausible-event-name=Node+API'}
+													btnClass={'plausible-event-name=Node_API--Developer_Portal_Page-Connect_section'}
 												/>
 											);
 										})}

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -58,7 +58,7 @@ const IndexPage = () => {
 							</div>
 							<div className='three-col-grid mt-4 mt-lg-5'>
 								<div className='card-box'>
-									<Link className="plausible-event-name=Explore+The+Ecosystem link-box" to={exploreCelestia[0].link}>
+									<Link className="plausible-event-name=Explore_The_Ecosystem--Homepage-Explore_Celestia_Section link-box" to={exploreCelestia[0].link}>
 										<div className='card-item'>
 											<svg className='card-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 63' fill='none'>
 												<g clipPath='url(#clip0_334_4082)'>
@@ -92,7 +92,7 @@ const IndexPage = () => {
 									</Link>
 								</div>
 								<div className='card-box'>
-									<Link className="plausible-event-name=Use+Tia link-box" to={exploreCelestia[1].link}>
+									<Link className="plausible-event-name=Use_Tia--Homepage-Explore_Celestia_Section link-box" to={exploreCelestia[1].link}>
 										<div className='card-item'>
 											<svg className='card-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 63' fill='none'>
 												<g clipPath='url(#clip0_334_4082)'>
@@ -126,7 +126,7 @@ const IndexPage = () => {
 									</Link>
 								</div>
 								<div className='card-box span-full'>
-									<Link className="plausible-event-name=Run+A+Light+Node link-box" to={exploreCelestia[2].link}>
+									<Link className="plausible-event-name=Run_A_Light_Node--Homepage-Explore_Celestia_Section link-box" to={exploreCelestia[2].link}>
 										<div className='card-item'>
 											<svg className='card-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 63' fill='none'>
 												<g clipPath='url(#clip0_334_4082)'>