Coinbase bitcoin price ticker website widget

saeidza

member

Activity: 75

Merit: 10

Quote from: WhiteBeard on May 23, 2016, 02:07:26 AM

I was using a bitcoin price ticker widget to display the current bitcoin price on my website, but it stopped working, so I made my own.

After showing them a mock-up of my plan, I got permission from coinbase to use their logo in this context.

Here is a screenshot of the final product:

After posting this on my site and announcing it to some friends, I was requested to make a narrower version. Here is a screenshot of it:

You can view it live at Whitebeard's Cottage or get it for your own site at get widget link.

Thank you so much after two hours , I could found your great widget !

You're rock .

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Well, this has changed into a broader conversation than the title I started with. Is there a way to change the name of the thread or should we just move it to a new one?

cloverme

legendary

Activity: 1512

Merit: 1057

SpacePirate.io

Quote from: coinableS on June 12, 2016, 12:26:35 AM

Quote from: cloverme on June 11, 2016, 04:08:42 PM

I've been looking for a code snipet for a client-side conversion calculator, similar to this:
https://tools.bitcoin.com/

If anyone has run across the code, I'd be mighty obliged if you could share it. Cool

Thanks,
C

This might help, second lesson. http://coinables.github.io/

Thanks, I'll check out. I saw your videos in another topic, clearly an underrated resource to getting started in development. Thanks for passing this on.

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Quote from: Monnt on June 11, 2016, 09:02:57 PM

You have an image equivalent of this, like the btc-priceimg one? This will allow us to use it on the forum. (Especially in currency exchange).

Are you asking about the coinrates widget?

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Quote from: ?? on ??

Quote from: WhiteBeard on June 11, 2016, 02:15:04 PM

Nice overview widget! Their website http://www.coinrates.info/ doesn't say how to get this image, but it does have some nicely presented data available.

Just use the url http://www.coinrates.info/imagerate.php?fromcoin=btc&tocoin=usd
and replace fromcoin and tocoin values like for ltc to btc
use url http://www.coinrates.info/imagerate.php?fromcoin=ltc&tocoin=btc

Thanks for posting this! It is very helpful!

coinableS

legendary

Activity: 1442

Merit: 1186

Quote from: cloverme on June 11, 2016, 04:08:42 PM

I've been looking for a code snipet for a client-side conversion calculator, similar to this:
https://tools.bitcoin.com/

If anyone has run across the code, I'd be mighty obliged if you could share it. Cool

Thanks,
C

This might help, second lesson. http://coinables.github.io/

Monnt

legendary

Activity: 938

Merit: 1002

You have an image equivalent of this, like the btc-priceimg one? This will allow us to use it on the forum. (Especially in currency exchange).

cloverme

legendary

Activity: 1512

Merit: 1057

SpacePirate.io

I've been looking for a code snipet for a client-side conversion calculator, similar to this:
https://tools.bitcoin.com/

If anyone has run across the code, I'd be mighty obliged if you could share it. Cool

Thanks,
C

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Nice overview widget! Their website http://www.coinrates.info/ doesn't say how to get this image, but it does have some nicely presented data available.

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Was having some trouble with cross-domain loading of attributes, so I re-vamped the code.

Code:

or for the narrow version:

Code:

If you have been using the widget on your site or for configuration details, the updated code and details are available here:
https://www.whitebeardscottage.com/pictures/iframes/coinbase/embed.html

If you have been to this page before, you may need to force a re-load from the server.

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Okay, another improvement to make dark backgrounds more feasible, I added a pricecolor attribute.

See this page at Whitebeard's Cottage for details.

BitcoinNewsMagazine

legendary

Activity: 1806

Merit: 1164

Quote from: WhiteBeard on June 05, 2016, 06:46:34 PM

Quote from: BitcoinNewsMagazine on June 05, 2016, 05:43:48 PM

Another option is to use the CoinGecko widget:

If you want a general/overall price widget, yes the CoinGecko widget is a good one, as is the Coindesk widget, mentioned previously.

This widget is an exchange specific widget.

I have other widgets in development, which will give other exchanges' data. Once I have several done I will make an exchange overview page on Whitebeard's Cottage that will include a general market widget to give an instant view of the market overall and on specific markets/regions.

It is hard to find generic auto updating bitcoin price widgets that do not advertise exchanges hence the plug for CoinGecko.

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Quote from: BitcoinNewsMagazine on June 05, 2016, 05:43:48 PM

Another option is to use the CoinGecko widget:

If you want a general/overall price widget, yes the CoinGecko widget is a good one, as is the Coindesk widget, mentioned previously.

This widget is an exchange specific widget.

I have other widgets in development, which will give other exchanges' data. Once I have several done I will make an exchange overview page on Whitebeard's Cottage that will include a general market widget to give an instant view of the market overall and on specific markets/regions.

BitcoinNewsMagazine

legendary

Activity: 1806

Merit: 1164

Another option is to use the CoinGecko widget:

Code:

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Okay, I finally got around to adding the autoupdate option. When autoupdate is activated the refresh button disappears, and the prices are updated every 15 seconds.
I, also, tweaked the styling a bit so it inserts more neatly into the page.
I decided not to have an option to change the font, because properly sizing fonts would require a complicated attribute structure on this simple widget.

If you wish to include this widget on your website, copy and paste the following code into a properly positioned div element:

Code:

or

If you wish to include this widget on your website, copy and paste the following code into a properly positioned div element:

Code:

You may customize the background color of the widget by editing the tickerbackground attribute to any legal color name, hex color number, or rgb color combination.*

You may turn on automatic updating of the prices by editing the autoupdate attribute to "true". Case is important. Any other value or case will evaluate as false.*

*These attributes are optional. If they are not included, defaults of "white" and "false" will be used respectively.

This info is posted on this page at Whitebeard's Cottage or go to whitebeardscottage.com > Tools > Coinbase Website Ticker Widgets

grapevinebitcoin

newbie

Activity: 14

Merit: 0

That is too cool. How hard would it be to add, say, 1% or whatever amount to what's shown? I sell bitcoins through various non-traditional methods and charge a small markup for my serviced.

iram66680

hero member

Activity: 630

Merit: 502

I like the design style as it is clean and makes it look more simple to the eyes without any distractions like wild colors or flashy flare which I think most don't appreciate anyways.
I usually just goto preev to get a price during the day but will welcome this ticker as my goto in the coming months when the price will definitely be on my mind. I am a coinbase user as well so this will help me so I don't have to fiddle around looking at other exchange's prices.

davinchi

legendary

Activity: 2100

Merit: 1058

Nice! You just quite did a free publicity for Coinbase (as if they aren't famous enough already).

P.S. That wasn't sarcastic.
That's really simple and beautiful.

- Just like ETFbitcoin said, "go to coinbase" kind of makes it lazy. Maybe replace it with a simple "Coinbase" to make it look more professional.

- Maybe the "get widget" could go at the bottom right corner, at the smallest font size possible and a color that will not attract. I don't see it necessarily important in the widget so it could probably just go there.

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Quote from: Boosterious on May 23, 2016, 05:17:11 AM

this is good news,currenctly i used bitcoin price widget from my local exchange,and now i can use coinbase bitcoin price widget,its awesome and you doing good with better appearance from my old widget,thanks.

I hope you find it useful! Thanks for the feedback...

WhiteBeard

full member

Activity: 156

Merit: 102

Bean Cash - More Than a Digital Currency!

Quote from: ?? on ??

Nice widget, but i have few suggestion :
- I think your widget doesn't need refresh button because i think widget should refresh bitcoin price automatically every few seconds.
- Maybe "Go to coinbase" button can be removed and make "coinbase" words become hyperlink which redirected to coinbase exchange.
- Maybe different background color or different text styles

Thanks for the suggestions!

I will add auto-update as an option. It was not added in this version because of expressed concerns about how many instances might be polling the coinbase api at any given time, but if a site really needs that functionality, it should be there.

The title image is already a link to coinbase.com. The "go to coinbase" button is there to make sure a user is aware that they can get to coinbase via the widget.

I will add custom font options, so it can appear native to the environment it appears in.

These are all good suggestions! Thanks again!

Topic: Coinbase bitcoin price ticker website widget (Read 4219 times)