songs2vid/components/MicrosoftClarity.tsx

import Script from "next/script";

const CLARITY_ID = "y4hxg6t7s6";

/**
 * Microsoft Clarity session analytics for songs2vid.com.
 * Loaded once from the root layout alongside GA and Matomo.
 */
export function MicrosoftClarity() {
  return (
    <Script id="microsoft-clarity" strategy="afterInteractive">{`
(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_ID}");
`}</Script>
  );
}