Groups »
Forums »
Answers »

Featured Groups

  • Bare Conductive
  • Drawing and Art
  • Sustainability
  • 123D
  • Fenix Intl, Ready Set Off The Grid
  • Kollabora
  • 3D Printing

COMMUNITY : HELP : AUTHORS


Instructable Playercard API?

Is there anyway to embed your instructable playercard onto your personal website/blog?

sort by: active | newest | oldest
6
builderkidj says: May 1, 2011. 12:59 PM
Playercard?
165
Kiteman in reply to builderkidjMay 1, 2011. 1:59 PM
(Disappearing comment bug strikes - second attempt)

Click on anybody's username, and look to the top-left: user stats are presented in Top Trump format.

You can still buy a set of real cards as well if you look at step four here.

http://www.instructables.com/id/Instructables-Top-Trumps/


1
king kolton9 in reply to KitemanMay 3, 2011. 6:13 AM
heh, that happened to me on your latest fourm.
6
builderkidj in reply to KitemanMay 1, 2011. 6:00 PM
I saw what you look like in real life and thanks for the advice/tip


J

My real name is Jordan,Don't ya know
I'm 11
16
Lithium Rain says: Apr 15, 2011. 1:30 PM
Like Nacho said - it's all there, so really all you would need to do is scrape the data off the page and display it. Google Is Your Friend as far as the specific PHP, but it shouldn't be hard: Grab only the data you want from the page, and display that (presumably as HTML) on the webpage.

...Hm. I'm looking more at the source, and now I'm not so sure that's true. The info in the card isn't anywhere to be found in it (unless I'm sorely mistaken), and I can't see it embedded as an image. I'm not so sure how it's generated or where the actual data is stored, now.

>thinks aloud< Maybe they query the database every so often and just generate ALL the images once a month or something, and they stay the same all month? Surely not. Also, why can't one find the image if that's the case? This is interesting (at least to me; if someone sees I'm missing something incredibly simple please do call me on it :P ). I'll have to watch my card and see how often it updates...
9
kelseymh in reply to Lithium RainApr 15, 2011. 9:09 PM

They use CSS to handle the formatting (as Nacho has very nicely demonstrated).

If you scan through the page source of your profile page (the one other users see, not /you/), you can pick off the URL from the JavaScript for the card display:

http://www.instructables.com/member/statscard/?screenName=kelseymh

If you access that URL directly (plug in whatever username you want), you'll see that it shows up in a relatively unformatted way; it's the CSS that makes it all pretty.

But you could easily script up something to parse the raw HTML to capture things like number of I'bles or whatever.

16
Lithium Rain in reply to kelseymhApr 19, 2011. 1:59 PM
Now, why is this comment only showing up now?

(...oh, I see the bad word now...sigh...)

Yes indeed, I just blew past it in the source (I expected all the stats to actually be IN the source, which in retrospect is a silly assumption).
3
NachoMahma in reply to Lithium RainApr 19, 2011. 4:06 PM
> (...oh, I see the bad word now...sigh...)
.  "parse"?
3
NachoMahma in reply to Lithium RainApr 15, 2011. 1:57 PM
. Go to tim_n's Member page and search for

<div class="statscard round-corners shadow" id="tim_n">

at the beginning of the data and

</div>

at the end


tim_n
Date Joined:Jan 5, 2007
  • Instructables26
  • Total Views265,680
  • Featured %65%
  • Subscribers50
  • Topics12
  • Comments197
16
Lithium Rain in reply to NachoMahmaApr 15, 2011. 2:14 PM
WHITESPACE!!!!!!!!!!!!!!!!!!!!1

30
DJ Radio in reply to Lithium RainApr 16, 2011. 7:07 AM
That's really glitchy in displaying it.
16
Lithium Rain in reply to NachoMahmaApr 15, 2011. 2:05 PM
This
Will
Be
Covered
So I'll be
Brief:
Cool!
Guess I
didn't
look
hard
enough.
:)
46
Jayefuu in reply to Lithium RainApr 15, 2011. 11:53 PM
It's a separate page thats loaded into your profile page, if you go to the page by itself you see all of the information as a table. All of the pretty formatting is done on your profile page.

I can't remember the link and I'm not at my pc, it's in the best answers script I wrote nacho though if you have or can get that.
165
Kiteman in reply to NachoMahmaApr 15, 2011. 2:02 PM
Did you deliberately add the card? Because it's covering the posts below (and a large part of this message asI type, so forgive any typos, please).

And, if you used that code on another site, wouldn't the card cover stuff there?

3
NachoMahma in reply to KitemanApr 15, 2011. 4:18 PM
. I just did a C&P of the stat card HTML code (the stuff between the DIVs, inclusive) from tim_n's Member page. I doubt it will work without the proper CSS file(s) loaded, ie, off-site.
16
Lithium Rain in reply to KitemanApr 15, 2011. 2:09 PM
Haha, it depends. If you just SLAP IT UP THERE like certain people have done (ahem), it might, but you can position it however you want with html or css.
165
Kiteman in reply to Lithium RainApr 15, 2011. 2:28 PM
Ah, that would be code, then...
16
Lithium Rain in reply to KitemanApr 15, 2011. 2:34 PM
They tell me that's what the internet runs off of ;)
165
Kiteman in reply to Lithium RainApr 15, 2011. 2:46 PM
So why do I need to keep stoking my computer's boiler?

16
Lithium Rain in reply to KitemanApr 15, 2011. 2:59 PM
Ah, you've got yourself a Steampunk computer. Go buy a real computer. :P
165
Kiteman in reply to Lithium RainApr 15, 2011. 3:27 PM
>sigh<
12
dombeef says: Apr 16, 2011. 4:11 PM
he he
V

dombeef
Date Joined:Jan 1, 3001
  • Instructables500
  • Total Views1,000,000
  • Featured %110%
  • SubscribersAll Members
  • Topics200
  • Comments50,000

_______________________________________________________ ___
_______________________________________________________ _____
_______________________________________________________ _______
_________________________________________________________ _______________________________________________________ _______
_________________________________________________________ __________________________________________ ___
__________________________________________________ _____ _____
_______________________________________________________ _______
_________________________________________________________ _________________________________________________________ _____
________________________________________________________ ___________________________________________ ___
_______________________________________________________ _____
_______________________________________________________ _______
_________________________________________________________ _____________________________________________________________
27
tim_n (author) in reply to dombeefApr 17, 2011. 1:03 AM
There's a man from the future here! Thus proving that an author on instructables will create the first authentic time machine. Shame it won't be for almost 1,000 years :(
12
dombeef in reply to tim_nApr 17, 2011. 5:08 AM
Also in the year 3001 we found the fix to the problem of it going over other people's comments!
27
tim_n (author) in reply to dombeefApr 17, 2011. 5:37 AM
Fin!

http://www.instructables.com/id/Embed-your-Playercard/
12
dombeef in reply to tim_nApr 17, 2011. 7:26 AM
Wow, nice job! I hope it gets featured!
27
tim_n (author) in reply to dombeefApr 18, 2011. 6:06 AM
Hasn't so far :( was hoping it would! But it looks nice on my website so I don't care! :)
12
dombeef in reply to tim_nApr 18, 2011. 11:14 AM
Yeah, good job!
27
tim_n (author) says: Apr 17, 2011. 5:40 AM
We've done some coding and there is an instructable based on this here:

http://www.instructables.com/id/Embed-your-Playercard/

Please leave any comments/suggestions/bugs there please

Or you can go direct here:

http://playercard.neobard.net/
27
tim_n (author) says: Apr 17, 2011. 4:16 AM
We're working on it - should be up soon! (just polishing off a few bits and pieces!)
27
tim_n (author) says: Apr 16, 2011. 12:33 AM
Blimey, didn't expect to get so many replies overnight... now I've got to sort it out into a coherent stream of thought so I can understand who posted what and where (and try to uncover the secrets under my playercard...)

I have a coding friend over today, I'll ask him to have a looksie! (might make a nice wordpress plugin?)
46
Jayefuu says: Apr 15, 2011. 11:46 PM
I'll write you the php to scrape all of the stats if you or someone else writes the html/css to make the data pretty.... I enjoy php so don't mind doing that bit for you.
16
Lithium Rain says: Apr 15, 2011. 2:13 PM
Reply to nacho (but top-level so it's not covered up) - Cool! I'm totally wrong then. Shoulda looked harder. :D
3
NachoMahma says: Apr 15, 2011. 12:31 PM
. The info is in your Your page (http://www.instructables.com/you/) or a member's Member page (eg, http://www.instructables.com/member/tim_n/). Use PHP or similar to extract and display as you wish.
165
Kiteman says: Apr 15, 2011. 7:15 AM
(Moved to "Authors>Help")

I bet there are quite a few people who like to be able to do the same thing.

Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!