How to identify the API id when we click on specific API hyper link in custom widget

Once we click on the Product card, it navigating to Product Details Page, where we have list of APIs for the selected Product.The API list loads dynamically from a Custom widget which we can’t modify. **When an API link is clicked it navigates to the API details page.By that time we have to identify the API id which we clicked.**

## Reproduction steps

1. Go to "Products Page, click on any of the Product card
2. Click on "details button", it's navigates to Product detail Page
3. Scroll down to see the list of APIs, Click on any of the hyper link which will navigate to API details Page
4. By that time i have to identify the Selected API.

## Expected behavior
Identify the Selected API while clicking the hyper link and store it into Session Storage.

## Is self-hosted portal?

Yes / No
> [!WARNING]
> "Managed developer portal issues" will be closed automatically. See above for more details.

## Release tag or commit SHA (if using self-hosted version)

[e.g., release `2.0.0`, commit `c45da9778b70d369aba60fa2e63c191efe2b548f`]

## API Management service name

[e.g., contoso-api]

## Environment

Sandbox

## Additional context

Add any other context about the problem here, including screenshots.

while clicking on this hyperlink of an API, i have to get the API id and store it into Session Storage.

Start by tracing navigation from the Product Details page's dynamically loaded API links and identify the custom widget boundary. Confirm how the selected API ID can be obtained without modifying the widget, then verify that it is stored in session storage when an API hyperlink is clicked and remains available on the API details page.

Written by the indexing model from the issue text.