Skip to content

Conversation

@eiman-eltigani-ttd
Copy link
Contributor

@eiman-eltigani-ttd eiman-eltigani-ttd commented Nov 21, 2025

Updated design for all client-side websites. For testing, run command docker compose up -d and view the following sites:

(Ignore previous comments below)
Minor notes:

  • I removed identity counter because did not add much value
  • Added hover over definitions and sidebar testing instructions
  • Will clean up/reuse code and colors after design signoff

To run from terminal in uid2-examples directoy:
docker compose down && docker compose build --no-cache javascript-sdk-client-side && docker compose up javascript-sdk-client-side -d

Questions:

  • Is it helpful to add more behind the scenes context to instructions (i.e, where to search in local storage within browser) or would that become redundant?

<div class="tooltip">
<span class="tooltip-trigger">?</span>
<div class="tooltip-content">
The ${IDENTITY_NAME} token used for targeted advertising. This token is passed to advertising partners and automatically refreshed by the SDK in the background.
Copy link
Contributor

@ashleysmithTTD ashleysmithTTD Nov 21, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i think its better to just generally say "This token is passed to the bidstream...". also maybe add to the end "...background when expired." so it is clear when/why a token needs refreshing

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated the wording/defition for 'Advertising Token' tooltip a bit

@eiman-eltigani-ttd
Copy link
Contributor Author

Screenshot 2025-11-21 at 1 07 09 PM Screenshot 2025-11-21 at 1 07 25 PM

@ashleysmithTTD
Copy link
Contributor

Maybe consider making the generate and clear UID2 buttons navy blue to keep a bit of the same color scheme used in the docs, etc. And then the orange+green stands out more in the sidebar of instructions. Just a thought

@eiman-eltigani-ttd
Copy link
Contributor Author

image

@eiman-eltigani-ttd eiman-eltigani-ttd marked this pull request as ready for review November 25, 2025 15:59
<div class="tooltip">
<span class="tooltip-trigger">?</span>
<div class="tooltip-content">
The complete identity object returned by the SDK. Contains the full ${IDENTITY_NAME} identity data including refresh tokens and metadata. Used for debugging and verification.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i think it would be good to keep the definitions consistent between multiple sample pages if it is showing the same variable. for example, this definition is different from the identity callback state definition in the above site

<li>Try entering: <strong>[email protected]</strong></li>
<li>Table shows "opted out" status</li>
<li>Click "Clear ${IDENTITY_NAME}" to try another email</li>
</ul>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This "test opt-out" section is different to the section in another site and I think unless it's a differentiator specific to the sites themselves, we should have consistency

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch, the opt out functionality works slightly different for prebid sites (there's not "Has opted out?" section in table) so I updated those instructions to be more accurate. I think it's fine as is but I can also update the tables to be consistent across all pages if we want

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants