From 434d370394d0c7033a9ae147c6807e19e024aacf Mon Sep 17 00:00:00 2001
From: Laura Benz <48948963+L-M-K-B@users.noreply.github.com>
Date: Mon, 17 Nov 2025 13:19:37 +0100
Subject: [PATCH] BrowseDashboards: Add tracking (#113696)

* feat: add tracking for New button

* feat: add tracking for New button dashboard click

* refactor: move tracking

* refactor: add payload

* refactor: clean up

* refactor: include folder clicks

* refactor: add view to payload

* feat: add tracking in serach view

* refactor: fix TS error

* refactor: adjust payload

* refactor: adjust payload

* refactor: fix TS error

* refactor: clean up

* refactor: set trackingSource

* refactor: remove type declaration

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* refactor: apply changes after code review

* Refactor: clean up

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

* refactor: fix tests

---------

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
---
 .../components/CreateNewButton.tsx            |  7 ++-
 .../browse-dashboards/components/NameCell.tsx |  6 ++-
 .../components/SearchView.tsx                 |  1 +
 .../plugins/admin/components/PluginUsage.tsx  |  1 +
 .../page/components/SearchResultsTable.tsx    | 45 ++++++++++++++-----
 5 files changed, 47 insertions(+), 13 deletions(-)

diff --git a/public/app/features/browse-dashboards/components/CreateNewButton.tsx b/public/app/features/browse-dashboards/components/CreateNewButton.tsx
index c263b110e56..46bff8848f5 100644
--- a/public/app/features/browse-dashboards/components/CreateNewButton.tsx
+++ b/public/app/features/browse-dashboards/components/CreateNewButton.tsx
@@ -50,6 +50,11 @@ export default function CreateNewButton({
   const notifyApp = useAppNotification();
   const isProvisionedInstance = useIsProvisionedInstance();
 
+  const handleVisibleChange = () => {
+    !isOpen && reportInteraction('grafana_create_new_button_menu_opened');
+    setIsOpen(!isOpen);
+  };
+
   let renderPreBuiltDashboardAction = false;
   if (config.featureToggles.dashboardTemplates) {
     const testDataSources = getDataSourceSrv().getList({ type: 'grafana-testdata-datasource' });
@@ -129,7 +134,7 @@ export default function CreateNewButton({
 
   return (
     <>
-      <Dropdown overlay={newMenu} onVisibleChange={setIsOpen}>
+      <Dropdown overlay={newMenu} onVisibleChange={handleVisibleChange}>
         <Button
           disabled={isReadOnlyRepo}
           tooltip={isReadOnlyRepo ? getReadOnlyTooltipText({ isLocal: repoType === 'local' }) : undefined}
diff --git a/public/app/features/browse-dashboards/components/NameCell.tsx b/public/app/features/browse-dashboards/components/NameCell.tsx
index 3db558966a2..4ee8ceba594 100644
--- a/public/app/features/browse-dashboards/components/NameCell.tsx
+++ b/public/app/features/browse-dashboards/components/NameCell.tsx
@@ -93,7 +93,11 @@ export function NameCell({ row: { original: data }, onFolderClick, treeID }: Nam
           {item.url ? (
             <Link
               onClick={() => {
-                reportInteraction('manage_dashboards_result_clicked');
+                reportInteraction('grafana_browse_dashboards_page_click_list_item', {
+                  itemKind: item.kind,
+                  parent: item.parentUID ? 'folder' : 'root',
+                  source: 'browseDashboardsPage_BrowseView',
+                });
               }}
               href={item.url}
               className={styles.link}
diff --git a/public/app/features/browse-dashboards/components/SearchView.tsx b/public/app/features/browse-dashboards/components/SearchView.tsx
index 5f9953dfbab..24148cefcf7 100644
--- a/public/app/features/browse-dashboards/components/SearchView.tsx
+++ b/public/app/features/browse-dashboards/components/SearchView.tsx
@@ -137,6 +137,7 @@ export function SearchView({
     keyboardEvents,
     onDatasourceChange: searchState.datasource ? stateManager.onDatasourceChange : undefined,
     onClickItem: searchState.deleted ? undefined : stateManager.onSearchItemClicked,
+    trackingSource: 'browseDashboardsPage_SearchView',
   };
 
   return <SearchResultsTable {...props} />;
diff --git a/public/app/features/plugins/admin/components/PluginUsage.tsx b/public/app/features/plugins/admin/components/PluginUsage.tsx
index efd14195140..0ad9ebb1738 100644
--- a/public/app/features/plugins/admin/components/PluginUsage.tsx
+++ b/public/app/features/plugins/admin/components/PluginUsage.tsx
@@ -61,6 +61,7 @@ export function PluginUsage({ plugin }: Props) {
                 clearSelection={() => {}}
                 keyboardEvents={of()}
                 onTagSelected={() => {}}
+                trackingSource="PluginDetailsPage_PluginUsage"
               />
             );
           }}
diff --git a/public/app/features/search/page/components/SearchResultsTable.tsx b/public/app/features/search/page/components/SearchResultsTable.tsx
index 39e79b3d765..6d7d98e0fa8 100644
--- a/public/app/features/search/page/components/SearchResultsTable.tsx
+++ b/public/app/features/search/page/components/SearchResultsTable.tsx
@@ -8,6 +8,7 @@ import { Observable } from 'rxjs';
 
 import { Field, GrafanaTheme2 } from '@grafana/data';
 import { Trans, t } from '@grafana/i18n';
+import { reportInteraction } from '@grafana/runtime';
 import { TableCellHeight } from '@grafana/schema';
 import { useStyles2, useTheme2 } from '@grafana/ui';
 import { useTableStyles, TableCell } from '@grafana/ui/internal';
@@ -30,6 +31,7 @@ export type SearchResultsProps = {
   onDatasourceChange?: (datasource?: string) => void;
   onClickItem?: (event: React.MouseEvent<HTMLElement>) => void;
   keyboardEvents: Observable<React.KeyboardEvent>;
+  trackingSource?: string;
 };
 
 export type TableColumn = Column & {
@@ -50,6 +52,7 @@ export const SearchResultsTable = React.memo(
     onDatasourceChange,
     onClickItem,
     keyboardEvents,
+    trackingSource,
   }: SearchResultsProps) => {
     const styles = useStyles2(getStyles);
     const columnStyles = useStyles2(getColumnStyles);
@@ -141,6 +144,35 @@ export const SearchResultsTable = React.memo(
         return (
           <div key={key} {...rowProps} className={className}>
             {row.cells.map((cell: Cell, index: number) => {
+              const href = onClickItem ? url : undefined;
+
+              let userProps = {
+                href,
+                onClick: onClickItem,
+              };
+
+              if (cell.column.id === 'column-name' && href) {
+                const item = response.view.get(rowIndex);
+                const itemKind = item.kind;
+                const parent = item.location || 'general';
+                const parentType = parent === 'general' ? 'general' : 'folder';
+
+                userProps.onClick = (evt: React.MouseEvent<HTMLElement>) => {
+                  try {
+                    reportInteraction('grafana_browse_dashboards_page_click_list_item', {
+                      itemKind: itemKind,
+                      parent: parentType,
+                      source: trackingSource,
+                    });
+                  } catch (e) {
+                    // ignore analytics errors
+                  }
+                  if (onClickItem) {
+                    onClickItem(evt);
+                  }
+                };
+              }
+
               return (
                 <TableCell
                   key={index}
@@ -148,7 +180,7 @@ export const SearchResultsTable = React.memo(
                   cell={cell}
                   columnIndex={index}
                   columnCount={row.cells.length}
-                  userProps={{ href: onClickItem ? url : undefined, onClick: onClickItem }}
+                  userProps={userProps}
                   frame={response.view.dataFrame}
                 />
               );
@@ -156,16 +188,7 @@ export const SearchResultsTable = React.memo(
           </div>
         );
       },
-      [
-        rows,
-        prepareRow,
-        response.view.fields.url?.values,
-        highlightIndex,
-        styles,
-        tableStyles,
-        onClickItem,
-        response.view.dataFrame,
-      ]
+      [rows, prepareRow, highlightIndex, styles, tableStyles, onClickItem, response.view, trackingSource]
     );
 
     if (!rows.length) {