enhance(search): track clicks on mobile, too

owid · Apr 11, 2024 · 0febc8d · 0febc8d
1 parent 92f263b
commit 0febc8d
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/site/search/SearchPanel.tsx b/site/search/SearchPanel.tsx
@@ -208,6 +208,17 @@ function ExplorerHit({
     cardPosition: number
 }) {
     const firstHit = groupedHit.views[0]
+
+    const exploreAllProps = {
+        href: `${BAKED_BASE_URL}/${EXPLORERS_ROUTE_FOLDER}/${groupedHit.explorerSlug}`,
+        "data-algolia-index": getIndexName(SearchIndexName.ExplorerViews),
+        "data-algolia-object-id": firstHit.objectID,
+        "data-algolia-position": firstHit.hitPositionOverall,
+        "data-algolia-card-position": cardPosition,
+        "data-algolia-position-within-card": 0,
+        "data-algolia-event-name": "click_explorer",
+    }
+
     return (
         <div
             key={groupedHit.explorerSlug}
@@ -224,16 +235,8 @@ function ExplorerHit({
                 </div>
 
                 <a
-                    href={`${BAKED_BASE_URL}/${EXPLORERS_ROUTE_FOLDER}/${groupedHit.explorerSlug}`}
                     className="search-results__explorer-hit-link hide-sm-only"
-                    data-algolia-index={getIndexName(
-                        SearchIndexName.ExplorerViews
-                    )}
-                    data-algolia-object-id={firstHit.objectID}
-                    data-algolia-position={firstHit.hitPositionOverall}
-                    data-algolia-card-position={cardPosition}
-                    data-algolia-position-within-card={0}
-                    data-algolia-event-name="click_explorer"
+                    {...exploreAllProps}
                 >
                     Explore all {groupedHit.numViewsWithinExplorer} indicators
                 </a>
@@ -273,8 +276,8 @@ function ExplorerHit({
                 ))}
             </ul>
             <a
-                href={`${BAKED_BASE_URL}/${EXPLORERS_ROUTE_FOLDER}/${groupedHit.explorerSlug}`}
                 className="search-results__explorer-hit-link-mobile hide-sm-up"
+                {...exploreAllProps}
             >
                 Explore all {groupedHit.numViewsWithinExplorer} indicators
             </a>