-
-
Notifications
You must be signed in to change notification settings - Fork 415
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add Microsoft Clarity script (#2203)
- Loading branch information
1 parent
41f9a1c
commit f9bdb49
Showing
2 changed files
with
30 additions
and
1 deletion.
There are no files selected for viewing
23 changes: 23 additions & 0 deletions
23
src/components/ThirdPartyScripts/MicrosoftClarityScript.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
import React from 'react'; | ||
|
||
import Script from 'next/script'; | ||
|
||
const CLARITY_TRACKING_CODE = process.env.NEXT_PUBLIC_CLARITY_TRACKING_CODE; | ||
const ENABLE_MICROSOFT_CLARITY = process.env.NEXT_PUBLIC_ENABLE_MICROSOFT_CLARITY === 'true'; | ||
|
||
const MicrosoftClarityScript = () => { | ||
if (!ENABLE_MICROSOFT_CLARITY) { | ||
return <></>; | ||
} | ||
return ( | ||
<Script id="microsoft-clarity-script-code"> | ||
{`(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", "${CLARITY_TRACKING_CODE}");`} | ||
</Script> | ||
); | ||
}; | ||
|
||
export default MicrosoftClarityScript; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,13 @@ | ||
import React from 'react'; | ||
|
||
import GoogleAnalyticsScript from './GoogleAnalyticsScript'; | ||
import MicrosoftClarityScript from './MicrosoftClarityScript'; | ||
|
||
const ThirdPartyScripts = () => <GoogleAnalyticsScript />; | ||
const ThirdPartyScripts = () => ( | ||
<> | ||
<GoogleAnalyticsScript /> | ||
<MicrosoftClarityScript /> | ||
</> | ||
); | ||
|
||
export default ThirdPartyScripts; |