Share my profile in my website

Hi, how can I share my profile with embedded link with image?
I dont want just a link like https://www.codecademy.com/user, I want a link with a image of my profile.
It’s possible that?

1 Like

We cannot share our profile since it requires a user to be logged in to access it. No way possible that I’m aware of.

If you wish to share your Progress then capture a screenshot and share that.

1 Like

Actually, if you go to codecademy.com/account and scroll down to the bottom of the page you will see an option to set your profile to be visible to “Codecademy Users” or “Everyone”. If you set everyone, you will not have to log in to see your profile.

2 Likes

Yeah, I know I can share my profile, but its not what I want.
When we want to share a video we can use a<iframe width="560" height="315" src="LINK" frameborder="0" ..etc >
I want to know if it’s possible to do that with my profile, a image with my profile and a when I click on I jump to my profile.

1 Like

No, it isn’t, but you could make your own one, if you want to make it with iframe then you could make an HTML file and make your own one there, then you could use iframe on any of you pages, and you could put the whole iframe into an anchor or inside the file, you could put it into a div and link it to that

1 Like

I try do that, but I get a error " www.codecademy.com refused to connect."

<iframe src="https://www.codecademy.com/Fabio-Morais" style="border:2px solid red;"></iframe>

1 Like

Don’t you have to have the image connected to the file?
What I mean is if for example, you make a file website and you have the image in the same folder, it will get the image with the name, but here the image exists but it is not connected:

1 Like

@fabio-morais your avatar reminds me of the Polish poster for the Metropolis movie, that is what got me into this discussion! :slight_smile:


This is quite normal. This is one of the basic methods to deal with the clickjacking (and many other malicious techniques).


Note written by @mtf is accurate:

But you can automate this process a bit. You can write a server application that will take a screenshot of your profile every hour and will store this file as publicly available.

I don’t know which server-side languages you know, but I prepared a simple example in Node.js. Here is the source code -> https://bitbucket.org/factoradic/codecademy-badge. This app is also deployed on Heroku, here is an example:

https://desolate-caverns-69917.herokuapp.com/factoradic (you can use this as a src attribute in the img element).

You can change factoradic in the URL to your Codecademy username. If the app does not respond… refresh a few times, if it still does not work, well… this is a free Heroku dyno with limited resources. But you can still run it locally (instructions are in the repo).

Few notes:

  1. Currently, this app takes a screenshot of the profile each time the request is executed. This is unacceptable. You should create a CRON job that will take a screenshot every few minutes/hours.
  2. You can customize the output by changing the CSS. This is how I removed the header and the footer.
  3. This app uses puppeteer - Headless Chrome Node API, this allows you to render the webpage as in a normal web browser without the GUI.
4 Likes

Awesome, that is what i wanted,thank you so much.

2 Likes

You’re very welcome :slight_smile:

2 Likes