feat: track copy page events in matomo (#154)

The other events (view markdown and opening the llms pages) is already
tracked by matomo as exit events

Author: ilbertt

docs/integrations/matomo/matomo.ts

@@ -3,7 +3,13 @@
 import type { MatomoConfig } from "./config.ts";
 
 declare global {
-  var _paq: Array<[string] | [string, string | number | boolean]>;
+  var _paq: Array<
+    [string] | [string, string | number | boolean] | [
+      string,
+      string,
+      string | number | boolean,
+    ]
+  >;
   var _mtm: Array<[string]>;
 }
 

docs/plugins/copy-page/components/CopyPage/CopyPage.tsx

@@ -12,6 +12,8 @@ import {
 import "./CopyPage.css";
 import { fetchMarkdown, getMarkdownUrl, getPromptUrl } from "./helpers.ts";
 
+const ANALYTICS_EVENT_NAME = "CopyPage";
+
 enum CopyStatus {
   IDLE = "Copy Page",
   COPIED = "Copied!",
@@ -26,6 +28,10 @@ export function CopyPage() {
   const markdownUrl = React.useMemo(() => getMarkdownUrl(), []);
 
   const handleCopyMarkdown = async () => {
+    if (!markdownUrl) {
+      return;
+    }
+
     // The dev server doesn't serve markdown files,
     // so this is supposed to fail in development.
     try {
@@ -36,6 +42,12 @@ export function CopyPage() {
 
       await navigator.clipboard.writeText(markdownContent);
 
+      globalThis._paq.push([
+        "trackEvent",
+        ANALYTICS_EVENT_NAME,
+        new URL(markdownUrl).pathname,
+      ]);
+
       setCopyStatus(CopyStatus.COPIED);
       setTimeout(() => {
         setCopyStatus(CopyStatus.IDLE);