Description

PR adds metrics for trending.

To test this i added logs where it should emit the events:

1️⃣ & 2️⃣ Trending Feed Session (Visits + Time Spent)
File: app/components/UI/Trending/services/TrendingFeedSessionManager.ts

private trackEvent(isSessionEnd: boolean = false): void {
  if (!this.sessionId) return;

  const analyticsProperties = {
    session_id: this.sessionId,
    session_time: this.getElapsedTime(),
    is_session_end: isSessionEnd,
    entry_point: this.entryPoint,
  };

  // eslint-disable-next-line no-console
  console.log('=== TRENDING_FEED_VIEWED ===', analyticsProperties);

  MetaMetrics.getInstance().trackEvent(
    // ... existing code
  );
}

3️⃣ Swap Volume from Trending
File: app/components/UI/Bridge/hooks/useSwapBridgeNavigation/index.ts

      const swapEventProperties = {
        location,
        chain_id_source: getDecimalChainId(sourceToken.chainId),
        token_symbol_source: sourceToken?.symbol,
        token_address_source: sourceToken?.address,
        from_trending: fromTrending ?? false,
      };
      // eslint-disable-next-line no-console
      console.log('=== SWAP_BUTTON_CLICKED ===', swapEventProperties);
      trackEvent(
        createEventBuilder(MetaMetricsEvents.SWAP_BUTTON_CLICKED)
          .addProperties(swapEventProperties)
          .build(),
      );

4️⃣ Perps Volume from Trending
File: app/components/UI/Perps/controllers/services/TradingService.ts

     .......
    } else {
      // Add failure-specific properties
      eventBuilder.addProperties({
        [PerpsEventProperties.ERROR_MESSAGE]:
          error?.message || result?.error || 'Unknown error',
      });
    }

    // eslint-disable-next-line no-console
    console.log('=== PERPS_TRADE_TRANSACTION ===', {
      asset: params.coin,
      source: params.trackingData?.source || 'none',
      status,
    });

5️⃣ Predict Volume from Trending
File: app/components/UI/Predict/controllers/PredictController.ts

console.log('=== PREDICT_TRADE_TRANSACTION ===', {
  marketId: analyticsProperties?.marketId,
  entryPoint: analyticsProperties?.entryPoint,
  transactionType: analyticsProperties?.transactionType,
  status,
});

MetaMetrics.getInstance().trackEvent(
  // ... existing code
);

🧪 Test Scenarios

Test 1: Trending Feed Session
Navigate to Trending tab
Check: Log shows TRENDING_FEED_VIEWED with is_session_end: false
Wait 30 seconds
Navigate away OR background the app
Check: Log shows TRENDING_FEED_VIEWED with is_session_end: true, session_time: ~30

Test 2: Swap from Trending
Go to Trending → Click on a token card
On Token Details, click Swap
Check: Log shows from_trending: true
Test 3: Swap NOT from Trending
Go to Wallet → Click on any token
Click Swap
Check: Log shows from_trending: false

Test 4: Perps from Trending (Carousel)
Go to Trending → Click on a Perps market card in carousel
Click Long/Short → Place order
Check: Log shows source: "trending"

Test 5: Perps from Trending (QuickAction)
Go to Trending → Click Perps QuickAction button
Click on a market from the list
Click Long/Short → Place order
Check: Log shows source: "trending"

Test 6: Perps NOT from Trending
Go to Perps tab from home (not from Trending)
Click on start trading → Choose any crypto → Place order
Check: Log shows source: "none" or different source

Test 7: Predict from Trending
Go to Trending → Click on a Predict market card in carousel
Click Yes/No → Complete trade
Check: Log shows entryPoint: "trending"

Test 8: Predict NOT from Trending
Go to Predict tab directly
Click on a market → Complete trade
Check: Log shows entryPoint: "predict_feed"

Changelog

CHANGELOG entry: Adds metrics for trending feature

Related issues

Fixes:

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.