Merge pull request #1057 from fermyon/plausible-goals

add plausible goal events
fermyon · Nov 27, 2023 · 4bb36d7 · 4bb36d7
2 parents d812eb5 + b1dc762
commit 4bb36d7
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 15 deletions.
diff --git a/spin-up-hub/src/components/ContentFilter.vue b/spin-up-hub/src/components/ContentFilter.vue
@@ -41,20 +41,20 @@ export default {
   <div class="content-filters column is-one-fifth-desktop is-full-touch">
 
     <div class="contribute">
-        <a class="button is-primary is-rounded is-medium" href="/hub/contributing">Add New</a>
+        <a class="button is-primary is-rounded is-medium plausible-event-name=hub-btn-add" href="/hub/contributing">Add New</a>
     </div>
 
     <div class="filter-group">
       <div class="filter-category">Resource Types:</div>
       <div v-for="item in contentTypes" class="tag" v-bind:class="isActiveContentType(item)" @click="toggleContentFilter(item)">
-        <a>{{ item }}</a>
+        <a class="plausible-event-name=hub-filter-type">{{ item }}</a>
       </div>
     </div>
 
     <div class="filter-group">
       <div class="filter-category"> Languages:</div>
       <div v-for="item in languages" class="tag" v-bind:class="isActiveLanguage(item)" @click="toggleLanguageFilter(item)">
-        <a>{{ item }}</a>
+        <a class="plausible-event-name=hub-filter-lang">{{ item }}</a>
       </div>
     </div>
 

diff --git a/spin-up-hub/src/components/HubIntro.vue b/spin-up-hub/src/components/HubIntro.vue
@@ -58,7 +58,7 @@ export default {
             </h1>
 
             <div class="search-wrap">
-              <input id="hub-search-input" v-model="searchTerm" class="search-input" @focus="loadSearchData" type="text"
+              <input id="hub-search-input" v-model="searchTerm" class="search-input plausible-event-name=hub-search-input" @focus="loadSearchData" type="text"
                 placeholder="Search for Spin app templates, plugins and examples" /><span class="search-icon"></span>
             </div>
           </div>

diff --git a/spin-up-hub/src/components/PreviewModal.vue b/spin-up-hub/src/components/PreviewModal.vue
@@ -60,11 +60,11 @@ export default {
                             <div class="meta-info">
                                 <div class="metadata">
                                     <div class="name">Url</div>
-                                    <div class="value"><a :href="modalData.url">{{ modalData.url }}</a></div>
+                                    <div class="value"><a :href="modalData.url" class="plausible-event-name=hub-git-url">{{ modalData.url }}</a></div>
                                 </div>
                                 <div class="metadata">
                                     <div class="name">Submitted by</div>
-                                    <div class="value"><a :href="'https://github.com/' + modalData.author">@{{
+                                    <div class="value"><a :href="'https://github.com/' + modalData.author" class="plausible-event-name=hub-git-author">@{{
                                         modalData.author
                                     }}</a>
                                         <svg v-if="verified" version="1.1" viewBox="0 0 1200 1200"
@@ -98,10 +98,10 @@ export default {
                                 </div>
                             </div>
                             <div class="meta-cta">
-                                <a class="is-btn button is-rounded non-primary" target="_blank" :href="modalData.url">
+                                <a class="is-btn button is-rounded non-primary plausible-event-name=hub-git-btn" target="_blank" :href="modalData.url">
                                     View on Github
                                 </a>
-                                <a v-if="modalData.artifactSource" class="is-btn button is-rounded is-primary"
+                                <a v-if="modalData.artifactSource" class="is-btn button is-rounded is-primary plausible-event-name=hub-btn-deploy"
                                     target="_blank"
                                     :href="`https://cloud.fermyon.com/deploy?artifact=` + modalData.artifactSource + `${this.$store.state.deployUTM}`">
                                     Deploy to cloud

diff --git a/templates/content_footer.hbs b/templates/content_footer.hbs
@@ -7,7 +7,7 @@
             <a class="navbar-item" href="https://twitter.com/fermyontech" target="_blank">Twitter</a>
         </div>
         <div class="level-right">
-            <a href="{{site.info.base_url}}/cloud/deploy" class="footer-logo cta-runs-on-fermyon"><img src="{{site.info.base_url}}/static/image/fermyon-badge.png" alt="This website runs on Fermyon Cloud" /></a>
+            <a href="{{site.info.base_url}}/cloud/deploy" class="footer-logo cta-runs-on-fermyon plausible-event-name=docs-cta-runs-on-fermyon"><img src="{{site.info.base_url}}/static/image/fermyon-badge.png" alt="This website runs on Fermyon Cloud" /></a>
         </div>
     </nav>
 </footer>
diff --git a/templates/content_navbar.hbs b/templates/content_navbar.hbs
@@ -90,7 +90,7 @@
             </div>
             <div class="overlay"></div>
             {{!-- quicklinks can be added to the topbar here --}}
-            <a class="navbar-item" href="/hub">
+            <a class="navbar-item plausible-event-name=docs-nav-hub" href="/hub">
                 Hub
             </a>
 
@@ -101,7 +101,7 @@
 
         <div class="navbar-end">
 
-            <a class="dark-mode navbar-link">
+            <a class="dark-mode navbar-link plausible-event-name=docs-toggle-light">
                 <svg width="1.67rem" height="1.67rem" viewBox="0 0 502 502" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                     <title>Toggle light/dark mode</title>
@@ -141,14 +141,14 @@
                 </svg>
             </a>
 
-            <a class="navbar-item button is-outlined is-rounded is-medium cta-login-to-cloud btn-login"
+            <a class="navbar-item button is-outlined is-rounded is-medium cta-login-to-cloud btn-login plausible-event-name=docs-btn-login"
                 href="https://cloud.fermyon.com/login" target="_blank" aria-label="menuitem"
                 title="Login to Fermyon Cloud">Login to Cloud</a>
-            <a class="navbar-item button is-primary is-rounded is-medium cta-login-to-cloud btn-signup"
+            <a class="navbar-item button is-primary is-rounded is-medium cta-login-to-cloud btn-signup plausible-event-name=docs-btn-signup"
                 href="https://cloud.fermyon.com/?signup" target="_blank" aria-label="menuitem"
                 title="Signup for Fermyon Cloud">Signup for Cloud</a>
         </div>
 
-        <div id="search-button-container" class="search-button-container"></div>
+        <div id="search-button-container" class="search-button-container plausible-event-name=docs-search-open"></div>
     </div>
 </header>
diff --git a/templates/home.hbs b/templates/home.hbs
@@ -8,7 +8,7 @@
         <div class="menu-wrap is-narrow is-hidden-desktop" id="docsMenu">
             <aside class="menu">
 
-                <div id="search-button-container" class="search-button-container"></div>
+                <div id="search-button-container" class="search-button-container plausible-event-name=docs-search-open"></div>
 
                 <p class="menu-label">
                     Projects