added clarity in studio (#516)

edly-io · Mar 4, 2024 · 7a58e05 · 7a58e05
1 parent ba27aaf
commit 7a58e05
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 1 deletion.
diff --git a/cms/envs/common.py b/cms/envs/common.py
@@ -2476,3 +2476,6 @@
 
 # OPEN AI API KEY
 OPENAI_SECRET_KEY = 'set-secret-key'
+
+# MS CLARITY PROJECT ID
+CLARITY_PROJECT_ID = 'replace-me'
diff --git a/cms/envs/production.py b/cms/envs/production.py
@@ -600,3 +600,9 @@ def get_env_setting(setting):
     'USETIFUL_PROJECT_TOKEN',
     None
 )
+
+# MS CLARITY PROJECT ID
+CLARITY_PROJECT_ID = ENV_TOKENS.get(
+    'CLARITY_PROJECT_ID',
+    CLARITY_PROJECT_ID
+)
diff --git a/cms/static/js/features_jsx/studio/CourseOrLibraryListing.jsx b/cms/static/js/features_jsx/studio/CourseOrLibraryListing.jsx
@@ -36,6 +36,7 @@ export function CourseOrLibraryListing(props) {
             },
             body: JSON.stringify(requestData),
         });
+        clarity('set', 'has_viewed_course', 'true');
     };
 
     return (

diff --git a/cms/templates/index.html b/cms/templates/index.html
@@ -132,7 +132,7 @@ <h3 class="title">${_("Create a New Course")}</h3>
                     'screen_name': 'studio_home',
                     'organization': '${platform_name}',
                   }
-              ); sendTracking({'has_created_course':'true'}); CourseLimitRedirect();"
+              ); sendTracking({'has_created_course':'true'}); CourseLimitRedirect(); clarity('set', 'has_created_course', 'true');"
             />
             <input type="button" value="${_('Cancel')}" class="action action-secondary action-cancel new-course-cancel" />
           </div>
@@ -611,6 +611,13 @@ <h3 class="title title-3">${_('Need help?')}</h3>
 </div>
 
 <script>
+
+    (function(c,l,a,r,i,t,y){
+        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+    })(window, document, "clarity", "script","${settings.CLARITY_PROJECT_ID}");
+
     function sendTracking(data) {
         const url = "${tracking_api_url}";
         requestData = { event_data: data }