Can I embed challenge progress on my site?
Challenge Hound provides a dynamic widget in the form of an image that can be embedded on any site. The image updates about once an hour with updated statistics. To embed the image, you'll need to copy the challenge id from Challenge Hound. The challenge id is the long string of characters in the url of the challenge page https://www.challengehound.com/challenge/LONG-STRING
With the long string, you can create the shareable URL like this:
https://widgets.challengehound.com/challenge-status/LONG-STRING.metric.svg
or for imperial measurements
https://widgets.challengehound.com/challenge-status/LONG-STRING.imperial.svg
The result will look like this:
https://widgets.challengehound.com/challenge-status/d50751b0-fb7a-11ea-9890-bb7248d640df.metric.svg
The HTML code to actually embed this widget and link back to Challenge Hound will look like this:
<a href="https://www.challengehound.com/challenge/LONG-STRING"><img src="https://widgets.challengehound.com/challenge-status/LONG-STRING.metric.svg" style="width: 500px;" /></a>
NOTE: The widget will only be available when the challenge is set to be publicly visible.
Here is an example of a widget fully embedded on a web page.