Status page: https://uptime.k3k.dev/status/steam-miniprofile
This is a tool that loads your miniprofile(with animated background and frame) as a HTML entity so that you can feature it on your website.
-
Get your Steam's ID, you can use any of these IDs from SteamDB or google how to find it yourself.
-
Replace YOUR_ACCOUNTID_HERE with the ID acquired from step 1
https://gamer2810.github.io/steam-miniprofile/?accountId=YOUR_ACCOUNTID_HERE
Examples:
- https://gamer2810.github.io/steam-miniprofile/?accountId=238158335
- https://gamer2810.github.io/steam-miniprofile/?accountId=76561198198424063
- https://gamer2810.github.io/steam-miniprofile/?accountId=STEAM_1:1:119079167
- https://gamer2810.github.io/steam-miniprofile/?accountId=[U:1:238158335]
- You can load it into any div with JQuery or Javascript. Jquery's Load() guide.
- You can also load it as an iframe
<iframe src="https://gamer2810.github.io/steam-miniprofile/?accountId=YOUR_ACCOUNTID_HERE" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px" allowfullscreen></iframe>
- Once it's loaded, you can mod it however you like using CSS.
- A working example can be found at My site.
sequenceDiagram
User->>+gamer2810.github.io: Get Steam Miniprofile
loop Every 5 minutes
Note right of Pipedream: Glitch shutdowns the CORS Server<br>every 5 minutes, so we schedule a request<br> every 5 mins to wake it up, ensuring response time
Pipedream->>CORS Server: Wake up
end
gamer2810.github.io->>-User: Return loading miniprofile
Note right of User: Wait for real profile to load
gamer2810.github.io->>+CORS Server: Get real profile HTML
Note right of CORS Server: https://glitch.com/~steam-miniprofile-cors
CORS Server->>+Steam: Get real profile HTML
Steam->>-CORS Server: Requested HTML
CORS Server->>-gamer2810.github.io:Profile HTML with CORS headers
gamer2810.github.io-->User: Replace loading miniprofile with real HTML
- This works by calling Steam's API and render the response with Steam's CSS. This site is not affiliated with Steam or Valve.
- Your profile will need to be public for this to work.
- It will track your public status (Online, Offline), but it wont track your friend-only status (Away, Snooze,...).
- If your AccountID is invalid, it will instead load MY (as in the one writing this) miniprofile :).
- You might have to disable caching of the iframe on your web, or changes on Steam won't be reflected immediately.
- If you decide to use this tool, I'd love to see you show it off in Discussion.
- If the tool does not work, please open an Issue and I will take a look.
Have a good day and
Please feed me a star if you are feeling generous. I'm humgry