track embedded markets separtely

web/hooks/use-is-iframe.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 
-function inIframe() {
+export function inIframe() {
   try {
     return window.self !== window.top
   } catch (e) {

web/hooks/use-tracking.ts

@@ -1,8 +1,14 @@
 import { track } from '@amplitude/analytics-browser'
 import { useEffect } from 'react'
+import { inIframe } from './use-is-iframe'
 
-export const useTracking = (eventName: string, eventProperties?: any) => {
+export const useTracking = (
+  eventName: string,
+  eventProperties?: any,
+  excludeIframe?: boolean
+) => {
   useEffect(() => {
+    if (excludeIframe && inIframe()) return
     track(eventName, eventProperties)
   }, [])
 }

web/pages/[username]/[contractSlug].tsx

@@ -158,11 +158,15 @@ export function ContractPageContent(
   const contract = useContractWithPreload(props.contract) ?? props.contract
   usePrefetch(user?.id)
 
-  useTracking('view market', {
+  useTracking(
-    slug: contract.slug,
+    'view market',
-    contractId: contract.id,
+    {
-    creatorId: contract.creatorId,
+      slug: contract.slug,
-  })
+      contractId: contract.id,
+      creatorId: contract.creatorId,
+    },
+    true
+  )
 
   const bets = useBets(contract.id) ?? props.bets
   const nonChallengeBets = useMemo(

web/pages/embed/[username]/[contractSlug].tsx

@@ -21,6 +21,7 @@ import { SiteLink } from 'web/components/site-link'
 import { useContractWithPreload } from 'web/hooks/use-contract'
 import { useMeasureSize } from 'web/hooks/use-measure-size'
 import { fromPropz, usePropz } from 'web/hooks/use-propz'
+import { useTracking } from 'web/hooks/use-tracking'
 import { listAllBets } from 'web/lib/firebase/bets'
 import {
   contractPath,
@@ -82,6 +83,12 @@ export function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
   const { contract, bets } = props
   const { question, outcomeType } = contract
 
+  useTracking('view market embed', {
+    slug: contract.slug,
+    contractId: contract.id,
+    creatorId: contract.creatorId,
+  })
+
   const isBinary = outcomeType === 'BINARY'
   const isPseudoNumeric = outcomeType === 'PSEUDO_NUMERIC'