Resource Center Badge appearing on tablets despite device type segment restrictions
We're in the early stages of implementing the Resource Center in our product and, currently, we're endeavoring to disable it for users accessing the site on ipads/tablets until we can make CSS changes to the badge or changes to our site at those breakpoints to ensure the badge isn't obscuring important information or blocking interactions.
We've added "Device type is equal to Desktop" on all of the segments for all of the modules, however, we're still receiving reports of folks using Chrome on their iPads (likely iPad pros) seeing the badge. I can guess that getting that device type information from the browser can be a challenge or inconsistent. Are there any other best practices people have employed to really limit the Resource Center badge to just desktops/laptops?
Would be grateful any insights y'all have!
コメント
Maybe you can use CSS and @media rules to set the RC badge to display none? https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Thanks Liz! I'm afraid the issue is going to run deeper if we need to reliably identify the device... The reporting I'm getting is:
"Desktop vs. tablet is determined by parsing the userAgent string we get from the browser. Since a change in a few years ago iPads will parse as 'Desktop.'
This is due to a change that Apple made in how they set their userAgent strings. My guess is they made this decision because most tablets are so large they should render as "desktop" instead of mobile"
And trying to differentiate screen sizes now that the iPad Pros and other tablets are getting larger than some laptop screens is complicating things further.
So I think we're biting the bullet and getting rid of the floating action button in favor of targeting the RC to a new bespoke icon in the nav bar. ¯\_(ツ)_/¯
サインインしてコメントを残してください。