组件系统适合什么场景
当页面需要在评测、维修步骤、买家检查清单或排查帖子旁边放一个快速手柄检查时，可以使用手柄测试器组件。iframe 代码可选择工具、语言、主题、紧凑模式，以及是否显示 Gamepad Tester Pro 品牌行。
组件页面刻意保持轻量。嵌入路径用于 iframe，不放入 sitemap；主组件页面则保留完整说明内容并允许索引。
- 不需要 SDK 或后端集成。
- iframe 是响应式的，可跟随浅色、深色或系统主题。
- 语言选项覆盖英文、简体中文和印尼语。
- 手柄输入留在访问者的浏览器会话中。
适合嵌入组件的位置
维修指南可以在清洁步骤后放置漂移组件。手柄评测可以在硬件章节附近放按键或震动组件。二手硬件商品页可以把手柄测试器组件放在买家检查清单旁。
请把组件放在具体任务附近。聚焦的嵌入比把一个大型通用工具塞到长文章底部更有用。
实际内容中的手柄测试组件
手柄测试组件应放在它支持的具体任务附近。维修文章可以在清洁步骤后放置漂移组件；评测文章可以在做工章节旁放置按键组件；买家清单可以在付款建议前放置手柄测试组件。上下文明确时，手柄测试组件比放在页面底部的通用嵌入更有用。
发布手柄测试组件时，请在附近保留隐私和免责声明。访问者应理解组件读取的是本地浏览器输入，支持情况会因浏览器而不同，而且手柄测试组件不是官方维修或保修工具。
- 窄栏使用紧凑型手柄测试组件。
- 让组件语言与文章语言一致。
- 把手柄测试组件放在相关说明附近。
组件放置质量
好的手柄测试组件不应打断页面体验。请给 iframe 足够高度，让周围文案保持具体，并避免在访问者还不知道为什么需要组件时就要求测试手柄。最好的手柄测试组件应该像任务流程的一部分。
- 一个任务附近放一个组件。
- 使用清晰的周边标签。
- 为阻止嵌入的浏览器保留备用链接。