Bitcoin-Live-Kurse auf Ihrer Homepage? Nichts leichter als das mit dem Widget von bitcoin.de

Sehen Sie den kleinen Chart rechts oben, der den aktuellen Handelspreis auf Bitcoin.de anzeigt? Falls Sie so etwas auch für Ihre Homepage haben wollen, folgt nun die gute Nachricht: Es ist ganz einfach. So einfach, dass nicht mal echte html-Kenntnisse nötig sind. Sie müssen sich auch nicht mit APIs, JSON und all diesen Dingen beschäftigen, selbst javascript ist nur nötig, wenn Sie es wollen.

Gehen Sie einfach auf diese Seite, um Instruktionen zu finden. Das Widget gibt es in zwei Varianten: Als Javascript Snippet oder als Image. Das Javascrip Snippet hat den Vorteil, dass der Kurs alle zwei Minuten aktualisiert wird. Der Nachteil: Sie müssen zumindest wissen, was javascript ist, um es einzufügen. Den script-Code finden Sie in den Instruktionen. Da nicht alle Content-Management-Systeme javascript unterstützen, wie etwa wordpress, wo auch dieses Blog gehostet ist, gibt es das Snippel auch als simples Image. Dieses aktualisiert jedoch nur, wenn die Seite neu aufgerufen wird.

Um es einzufügen, muss man lediglich folgenden Code als html eingeben:

<a href=”https://www.bitcoin.de&#8221; target=”_blank”>
<img src=”https://bitcoinapi.de/widget/current-btc-price&#8221; alt=”Bitcoin.de-Preis” />
</a>

Und Tata – das ganze sieht so aus:


Bitcoin.de-Preis

Wenn Ihnen dann noch der Sinn danach steht, das Widget größer oder kleiner oder dunkler oder heller zu gestalten, können Sie einige Parameter anhängen: size, type, bgcolor. Dazu müssen Sie an den Link
https://bitcoinapi.de/widget/current-btc-price
zunächst ein Fragezeichen (?) setzen.
https://bitcoinapi.de/widget/current-btc-price?
Anschließend setzen Sie den Parameter und definieren durch ein “=” dessen Wert. Möglich sind folgende Werte:
Size: 1,2,3
Type: Light, Dark
bgcolor: z. B. 000000, 000080 etc. (entsprechend dem HTML-Farbschema). Funktioniert aber nur wenn Type=dark.
Die einzelnen Parameter sind durch ein Und-Zeichen (“&“) zu trennen.

Machen wir doch ein Beispiel:

<a href=”https://www.bitcoin.de&#8221; target=”_blank”>
<img src=”https://bitcoinapi.de/widget/current-btc-price?size=3&type=dark&bgcolor=660033” alt=”Bitcoin.de-Preis” />
</a>

Sieht so aus:


Bitcoin.de-Preis

Noch eines:

<a href=”https://www.bitcoin.de&#8221; target=”_blank”>
<img src=”https://bitcoinapi.de/widget/current-btc-price?size=1&type=dark&bgcolor=3300FF” alt=”Bitcoin.de-Preis” />
</a>


Bitcoin.de-Preis
Viel Spaß beim Herumexperimentieren.

About Christoph Bergmann (1353 Articles)
Das Bitcoinblog wird von Bitcoin.de gesponsort, ist inhaltlich aber unabhängig und gibt die Meinung des Redakteurs Christoph Bergmann wieder, es es seit Mitte 2013 führt. Christoph hat vor kurzem ein Buch geschrieben: Bitcoin: Die verrückte Geschichte vom Aufstieg eines neuen Geldes. Das Buch stellt Bitcoin in seiner ganzen Pracht dar. Ihr könnt es direkt auf der Webseite Bitcoin-Buch.org bestellen - natürlich auch mit Bitcoin - oder auch per Amazon. Natürlich freuen wir uns auch über Spenden in Bitcoin oder Bitcoin Cash an die folgende Adresse: 1BvayiASVCmGmg4WUJmyRHoNevWWo5snqC. Wer will, kann uns auch Hier mit Lightning spenden. Tipps für Stories sind an christoph.bergmann@mailbox.org immer erwünscht. Wer dies privat machen möchte, sollte meinen PGP-Schlüssel verwenden.

7 Comments on Bitcoin-Live-Kurse auf Ihrer Homepage? Nichts leichter als das mit dem Widget von bitcoin.de

  1. Super, wollte euch schon fragen 😉 Werde es die Tage mal auf btc-echo.de integrieren.

  2. Gibt es eine Doku für die API (https://bitcoinapi.de)?

    Kann man die Daten aus als JSON, XML bekommen?

  3. Ich Bins // 10. July 2014 at 20:31 // Reply

    Nein, ich sehe keinen kleinen Chart oben rechts. Und wenn ich versuche mal den Chart direkt aus dem Browser aufzurufen dann erhalte ich auch nur: api key not found.

    Schade…

  4. Glaub es muss “JSON” in der Beschreibung heißen, nicht “JASON”. Oder war das beabsichtigt?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s