Issue with my Angular Ionic app where the SCSS files aren't being properly tracked, which is causing the Heat Maps UI to be destroyed. #545
Comments
|
Hi tuhinkolese, Could you please elaborate more whether you're using the ClarityJs script within your website or you're using the Clarity SDK for Ionic apps? |
|
Hi Ibrahim,
In our project, we utilize the Clarity SDK for Android. For the web portion
of the project, we use the ClarityJS Script which is placed in the
index.html head tag.
For further reference, I have shared a code snippet for the web portion
below.
<head>
...........
...........
<!-- Add Clarity Manually for Web App -->
<script type="text/javascript">
(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", "project_id");
</script>
</head>
Project Framework: We are using Ionic with Angular along with Capacitor for
the Native part of the project.
|
|
Well, you should need to do so if you're using the Ionic package, because the package will capture both native and web content in the same session. |
|
Well, I removed the script from HTML and used the ionic package but in the web, ClarityPlugin is not defined. |
|
|
|
Yes that's a known issue with Capacitor + Ionic cordova based plugins. Please apply this condition and see: |
|
The Problem is that SCSS files are not being properly tracked, which is causing the Heat Maps UI to be destroyed. Would you be able to provide me with the necessary line of code for the web platform for Ionic? |
|
For Android implementations
|
AbdelrhmanMagdy
added
android
Hello everyone,
I am currently facing an issue while implementing ms-clarity in an Angular website and ionic Native (Android application) using Capacitor. While the clarity dashboard is successfully capturing data, the SCSS/CSS is not loading properly.
I kindly request your assistance in proposing a solution to this problem. Any input or advice would be greatly appreciated.
The text was updated successfully, but these errors were encountered: