Gratis-Content

Finanzdaten

Mithilfe der loadOptions können Sie dann auch noch verschiedene Parameter der Ausgabe steuern. Normalerweise erkennt das Newsshow-Element automatisch die Sprache des Browsers - Sie können diese jedoch auch explizit über den Parameter language setzen. Die Newsshow lässt sich jedoch mit einfachen Mitteln konfigurieren. Am besten gehen Sie dazu im Code Playground in die Rubrik News Show und experimentieren ein wenig.

Der generelle Aufbau, wenn Sie die Newsshow dann final in Ihre Website integrieren möchten, sieht dann wie folgt aus:

var loadOptions = {packages
:
["newsshow"]};
loadOptions.language = "de";
google.load("elements", "1",
{packages : ["newsshow"]});
function onLoad() {
var options = {
queryList" : [
{ "title" : "Sport Nachrichten",
"q" : "Fußball WM" },
{ "q" : "Handball" },
{ "topic" : "s" }
] }
var content = document.getElementById
('content');
var newsShow = new google.elements.
NewsShow(content, options);
}
google.setOnLoadCallback(onLoad);

Das Beispiel lädt alle Sportnachrichten - "topic" : "s" - und schränkt diese auf die enthaltenen Begriffe "Fußball WM" und "Handball" ein. Sie können Ihrem Nachrichtenkasten einen eigenen Titel geben.

Finanzdaten

Google bietet im Bereich Finanzdaten zwei verschiedene APIs an, die zwar recht leistungsfähig sind, jedoch auch einige Einschränkungen haben. Mit den beiden Google Finance APIs, können Sie entweder ein eigenes Portfolio anlegen und darstellen oder ein Gadget anlegen, in dem Sie mit Finanzdaten operieren.

Nachrichten für Ihre Website

© Archiv

Zur Ermittlung von Aktienkursen und Charts lässt sich Yahoo Finance einfach über eine API ansteuern.

An dieser Stelle springt wieder eine Yahoo Schnittstelle ein, mit der Sie über einen Umweg die Daten für einen oder mehrere Aktienwerte abfragen können. Dabei können Sie direkt über den Kurs Ihrer gewünschten Aktienposition darstellen lassen.

Die Ausgabe wird im Standard in eine csv-Datei umgeleitet und weiterverarbeitet. Dann lautet die URL de.finance.yahoo.com/d/kurse.csv?s=<XETRA-Aktienname>. So können Sie auch mehrere Kurse gleichzeitig anfragen - platzieren Sie die verschiedenen XETRA-Aktiennamen einfach nacheinander und verbinden Sie diese mit einem Pluszeichen.

Ohne weitere Parameter gibt Ihnen die Schnittstelle in der Datei folgende Informationen wieder:

• XETRA-Aktienname • Name des Unternehmens • den letzten Kurs • die prozentuale Veränderung des Kurses zum Vortag • das Handelsvolumen des Tages

Mehr zum Thema

HTML5: Quick Reference Guide
Ratgeber: "HTML5"

Die wichtigsten Tags auf einen Blick: In unserem praktischen Arbeitsblatt finden Sie einen wertvollen Begleiter für die Umstellung Ihrer Webprojekte…
internet, webdesign, google, content, ranking, seo, suchmaschine
Ratgeber: Urheberrecht

Einzigartige Inhalte bieten Lesern Mehrwert und sind ein wichtiges Qualitätsmerkmal. Ärgerlich, wenn sich jemand durch Kopieren an fremden Ergebnissen…
Die besten HTML5-Tipps
Neue Tipps & Tricks für blitz.io

Wer die Leistung einer Applikation ermitteln möchte, braucht keine Skripte zu schreiben, sondern kann einen der zahlreichen Online-Dienste einspannen.…
image.jpg
Ratgeber: Webentwicklung

Die clientseitige Javascript-Entwicklung bietet fast keine Entwicklungsumgebungen und auch keine vernünftigen Werkzeuge zur Fehlersuche. Eine der…
internet, webdesign, meteor, webapplikationen
Ratgeber

Mit Meteor sollen Entwickler in kurzer Zeit Umgebungen für Webapplikationen erstellen können, ohne sich um lästige Details kümmern zu müssen. Wir…