Der folgende Code funktioniert aufgrund des API-Updates von Twitter auf 1.1 seit dem 11.06.2013 nicht mehr ohne Weiteres. Die API 1.1 erfordert OAuth, was eine serverseitige Komponente benötigt. Hier ist ein PHP-Weg, um mit der neuen API zu interagieren. Wenn Sie online suchen, finden Sie viele andere Bibliotheken und Ähnliches. Es gibt eine rein auf JavaScript basierende Methode, um Tweets abzurufen, aber das könnte eine Lücke sein, auf die Sie sich nicht unbedingt verlassen sollten.
$.getJSON("https://api.twitter.com/1/statuses/user_timeline/chriscoyier.json?count=1&include_rts=1&callback=?", function(data) {
$("#twitter").html(data[0].text);
});
Stellen Sie sicher, dass Sie username.json durch Ihren tatsächlichen Benutzernamen und #twitter durch den tatsächlichen Selektor ersetzen, dessen Inhalt Sie ersetzen möchten.
Sie können hiermit herumspielen auf diesem CodePen (veraltet).
Liebe es!
Aber wie kann ich die letzten paar Tweets anzeigen?
Fügen Sie Folgendes hinzu
callback=twitterCallback2&count=1nach diesem
callback=?Ändern Sie die 1 in die gewünschte Anzahl.
Ich meine, ersetzen Sie
callback=?durch den ersten Code.Hey, es funktioniert, aber wie zeige ich den Namen und das Bild des Benutzers an…
Ich habe versucht, das zu verwenden
Aus irgendeinem Grund scheint es nicht zu funktionieren…
Verbinde mit Twitter…
Ja, eine ähnliche Sache, ich kann das einzelne anzeigen lassen, aber nicht mehr als das…
Für diejenigen, die Probleme mit mehr als einem Element haben: Das liegt daran, dass Sie es in ein Array setzen müssen, wenn es mehr als ein Element sind.
So etwas wie
anstelle von
verwenden
Wird Twitter die Anzahl der JSON-Anfragen meines Servers begrenzen? Mit anderen Worten, wenn meine Website 1000 Aufrufe pro Stunde hat, sollte ich den Tweet in einer Datenbank cachen? Oder zählt Twitter dies als Anfrage des Clients und nicht meines Webservers?
Diese Seite kommt damit klar, aber… ich sollte wahrscheinlich cachen. Das Caching von so etwas ist generell eine gute Praxis. Was die Limits angeht, bin ich mir nicht sicher, ob es bei einfachen Abrufen aus der Timeline welche gibt. Ich glaube, es sind Dinge wie die Suche, die begrenzt sind. Könnte mich aber irren.
Es gibt definitiv ein Limit für die Anzahl der Anfragen, die Sie stellen können. Daher ist das Speichern von Tweet-Informationen (in einer Datenbank oder anderweitig) praktisch ein Muss.
Für eine nicht authentifizierte Abfrage an Twitter gibt es ein Limit von 150 Anfragen pro Stunde.
Sie können alles darüber in der Entwicklerdokumentation von Twitter hier lesen.
Sie können auch diese Seite konsultieren, wie Sie Ihre neuesten Tweets in Twitter anzeigen können, mit der Twitter-API.
http://www.ryscript.co.cc/web/how-to-display-latest-tweets-using-javascript-and-twitter-api/
Danke..
Nettes einfaches Code..
Ich werde diesen benutzen..
Danke
Es zeigt Anker als Text auf meiner Seite
http://www.eclipse-webdesign.nl/contact
Irgendwelche Ideen?
funktioniert… danke!
Wenn Sie Ihre Tweets mit funktionierenden Links/Hashtags/Benutzernamenlinks anzeigen möchten, könnten Sie dies verwenden: `
`
Das ist großartig, ich werde versuchen, das jetzt zu implementieren!!! :D
Das hat nicht funktioniert :(
@Daniel & andere – Bobs Kruithofs Code hat aus folgenden Gründen nicht funktioniert: Er hat die HTML-Klammern nicht durch ihre ASCII-Entsprechungen ersetzt (wie unten angegeben), daher wurden die Links im Code in Ihrem Browser als *tatsächliche Links* angezeigt (wie Sie sehen können, sind sie blau und anklickbar…) und er hatte einige der Anführungszeichen im letzten preg_replace nicht escaped. Der folgende Code funktioniert perfekt. Kopieren und fügen Sie ihn einfach in das Div auf Ihrer Seite ein, wo Ihr Tweet angezeigt werden soll, und ändern Sie ‚YOURNAMEHERE‘ in Ihren Namen.
Der obige Code funktioniert nicht, wenn er kopiert und eingefügt wird. Die Variable pattern_url schließt PHP ‚?>‘, was meiner Meinung nach nicht beabsichtigt ist – wenn doch, wird sie nie wieder geöffnet, was zu dem Fehler führt. Ich bin mir nicht sicher, wie ich das beheben kann, da ich keine Muster und preg-Funktionen verwenden kann. Hat jemand Ideen?
hatte das gleiche Problem… ersetzen Sie einfach alle ‚ und die “ — mit ‚ und „…
funktioniert für mich…
funktioniert für mich. danke
Das funktioniert momentan nicht in IE? Irgendwelche Ideen?
Benutzen Sie einen modernen Browser wie Safari, Firefox oder Chrome und verbannen Sie Ihr prähistorisches IE.
IE ist wie der dicke, dumme Junge in der Schule, auf den jeder in jedem Unterricht warten musste und der bei allen Sportarten auf dem Rücken getragen werden musste.
Einem Entwickler zu raten, einen Browser zu meiden, ist keine Antwort. Der Entwickler hat keine Kontrolle darüber, mit welchem Browser der Benutzer versucht, die Seite anzusehen. Ich bin auf viele Fälle gestoßen, in denen ich angewiesen wurde, Browser zu entwickeln, die bis zu IE7 zurückreichen. Einige Organisationen erlauben keine Browser-Upgrades ohne lange, mühsame Testprozesse, die nie stattfinden. Ebenso erlauben einige Organisationen aus Sicherheitsgründen Benutzern nicht, Chrome oder andere Nicht-Microsoft-Browser zu installieren.
funktioniert einwandfrei für mich!!
vergessen Sie nicht, die jQuery-Bibliothek einzubinden! lol
RJ, verwende den Code, den Inigo gepostet hat. Stelle nur sicher, dass du alle Anführungszeichen änderst, da die Formatierung durcheinandergerät, wenn sie in bestimmte Texteditoren kopiert werden. Es funktioniert in allen aktuellen Versionen von IE, Chrome, Firefox und Opera einwandfrei…
Wie schließe ich Links aus den zurückgegebenen Tweets aus? Ich möchte keine Tweets mit Links erhalten. Ich weiß, dass es einen Filter gibt:links-Parameter, bin mir aber nicht sicher, wie man ihn implementiert.
Irgendeine Idee, warum das mit all meinen Twitter-Benutzernamen funktioniert, außer mit dem unten?
Funktioniert nach Retweet nicht mehr.
„Diese Methode schließt keine Retweets in die XML- und JSON-Antworten ein, es sei denn, der Parameter include_rts ist gesetzt. Die RSS- und Atom-Antworten enthalten immer Retweets als Statusmeldungen, denen RT vorangestellt ist, unabhängig von den angegebenen Parametern.“
https://dev.twitter.com/docs/api/1/get/statuses/user_timeline
Wie mache ich zufällige Tweets?
Um die letzten fünf Tweets mit jQuery anzuzeigen
$.getJSON(“http://twitter.com/statuses/user_timeline/NoReservations.json?callback=?&count=6”, function(data) {
/* $(“#twitter”).html(data[0].text);*/
$.each(data, function(i, object) {
$(“#twitter”).append(”+object.text+”);
});
});
Das funktioniert für mich, für mehrere Tweets (hier 5) mit Links.
http://jsfiddle.net/8jmLY/664/
Wenn ich zu spät zur Party bin, funktioniert das anscheinend für mich. Mit dem jQuery-Framework, fügen Sie dies auf Ihrer HTML/PHP-Seite ein und erstellen Sie als und darin fügen Sie diesen Code ein. Ändern Sie den Benutzernamen in Ihren.
Also, habe dies (und die neuesten Kommentare) befolgt, und es gab kein Problem, den neuesten Tweet abzurufen. Einfach wie Kuchen, tatsächlich. Großartig.
Wenn ich mir die von Twitter abgerufenen JSON-Daten ansehe, möchte ich wirklich die „statuses_count“ abrufen – also die Anzahl der von Ihnen geposteten Tweets. Sie wird hier mehrmals angezeigt: https://twitter.com/statuses/user_timeline/kyle_conrad.json?callback=? sowie hier: https://api.twitter.com/1/users/show.json?screen_name=kyle_conrad&include_entities=true (und hier umrissen: https://dev.twitter.com/docs/api ).
Ich kann das jedoch nicht abrufen – das Abrufen von Text ist kein Problem, aber alle anderen JSON-Daten, die ich abrufen möchte, ergeben nur „undefined“. Da muss doch etwas Einfaches sein, das ich falsch mache, oder?
Hallo zusammen,
Ich frage mich, wie ich den neuesten Tweet in einem Div anzeigen kann. Dann den 2. Tweet in einem anderen Div und dann den 3. Tweet in einem anderen Div. So etwas in der Art
(div)neuester Tweet(/div)
(div)zufälliges Bild(/div)
(div)zufälliges Bild(/div)
(div)2. Tweet(/div)
(div)zufälliger Artikel(/div)
(div)zufälliges Bild(/div)
(div)dritter Tweet(/div)
Wie gehe ich das an? Ich suche noch, aber ich weiß nicht einmal die Terminologie, um danach zu suchen. Aggregat?
Danke.
Hallo, ich frage mich nur, was ich eingeben muss, damit die Zeit des Tweets angezeigt wird, z. B. 17 Minuten her, 1 Stunde her usw.
Hier ist ein Artikel, der zeigt, wie man JavaScript verwendet, um das zu tun, was Sie möchten. Im Grunde gibt es in den zurückgegebenen JSON-Informationen eine Variable namens „created__at“.
Sie müssen im Grunde Ihre eigene Mathematik schreiben, um aus dem Zeitstempel created_at eine Information wie „1 Stunde her“ zu ermitteln.
Sie könnten sich auch mit der Twitter API-Dokumentation beschäftigen: https://dev.twitter.com
Das funktioniert nicht mehr, es scheint eine kürzliche Aktualisierung von Twitter zu geben…
Es hat früher gut funktioniert, aber jetzt bekomme ich diese Fehlermeldung: Sorry, diese Seite existiert nicht, „code“:34
Gibt es einen Workaround oder schnelle Lösungen dafür??
Ich frage mich dasselbe..
Ich stimme zu, #Oumz, das funktioniert seit gestern nicht mehr!
Ich stimme #Oumz auch zu. Ich bekomme keine Skripte zum Laufen.
Danke für den interessanten Beitrag, ich habe wie viele andere Leute den alten einfachen Zweizeiler unten verwendet, aber
jetzt scheint Twitter das verboten zu haben und wir sind alle mit leeren Bereichen zurückgeblieben. Gibt es einen Weg, dies zu umgehen, oder müssen wir uns wirklich mit den hässlichen Widgets abfinden?
Entschuldigung, es wurde nicht gepostet.
src=”http://twitter.com/javascripts/blogger.js”>
src=”http://twitter.com/statuses/user_timeline/username.json?callback=twitterCallback2&count=2″>
Funktioniert wie am Schnürchen! Danke!
Hat wie am Schnürchen funktioniert!!!! :) Danke.
Wie kann ich es in HTML verwenden?
Hallo, hat jemand eine Lösung, damit die Tweets mit klickbaren Links angezeigt werden? Ich habe versucht, Folgendes zum Laufen zu bringen, ohne Erfolg
function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; i<twitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh):\/\/[^”\s\<>]*[^.,;'”>:\s\<>)]!])/g, function(url) {
return ‘‘+url+’‘;
}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+’‘+reply.substring(1)+’‘;
});
statusHTML.push(‘
“’+status+’” – ‘+relative_time(twitters[i].created_at)+’
‘);
}
$(‘.loading’).fadeOut(750, function() {
$(‘#latest_tweet’).append($(statusHTML.join(”)).hide().fadeIn(750));
});
}
Hallo, ich frage mich nur, ob es eine Möglichkeit gibt, die Zeit zu diesem hinzuzufügen, sowie den Benutzernamen. Z.B. „12:22 von @username“
Danke!
Ich versuche, dies auf meine Website zu übertragen, aber es scheint nicht zu funktionieren. Ich bin relativ neu in der Webentwicklung und bin mir sicher, dass es ein einfacher Fehler meinerseits ist, aber wie verbinde ich die JS-Datei mit meiner HTML-Datei?
Es ist nicht so einfach zu implementieren wie Chris‘ Code oben, aber ich habe das MiniTwitter jQuery-Plugin gefunden, das die Möglichkeit bietet, es mit CSS zu stylen. Sehr sauber & bisher zuverlässig.
Kann ich einen Hashtag angeben, damit der letzte Tweet mit einem bestimmten Hashtag zurückgegeben wird?
Danke dafür!
Wie auch immer, wie bekomme ich das Datum des Tweets, wenn er gepostet wurde?
Beste Grüße,
John
Ich frage mich nur, ob dies bedeutet, dass ich am Ende das Widget anstelle davon verwenden muss? Denn ich mag Chris‘ Lösung wirklich! Ein Widget wird bei weitem nicht so elegant sein, das versichere ich Ihnen.
Mit freundlichen Grüßen,
Scott
Genau das, wonach ich gesucht habe – einfacher und eleganter Code. Cheers.
Da dies immer noch eines der Top-Ergebnisse ist, denke ich, dass ich erwähnen sollte, dass diese Methode in naher Zukunft vollständig aufhören wird zu funktionieren. Dies verwendet Version 1 von Twitters API, die jetzt veraltet ist und irgendwann entfernt wird (möglicherweise nächsten Monat laut einem Beitrag, den ich gelesen habe). Die neue Version (1.1) erfordert, dass alle Aufrufe mit OAuth authentifiziert werden, was bedeutet, dass die Tage des einfachen Abrufens von Tweets wie diesem vorbei sind.
Verdammt Twitter, du verdienst definitiv den wütenden alten Mann, der dort die Faust schüttelt.
Außerdem, danke Chris und jedem, der zu dieser Seite beiträgt, sie ist der beste Freund eines Entwicklers!
@Aron Duby
Leider haben Sie völlig recht. Ich habe heute versucht, eine schnelle Splashpage für einen Kunden mit diesem Code zu erstellen, wie ich es seit der ursprünglichen Veröffentlichung durch Mr. Coyier getan habe, und festgestellt, dass er nicht mehr funktioniert.
Zeit, nach einer angemessenen Lösung zu suchen, da nichts, was Twitter anbietet, annähernd so gut ist.
Viele Leute haben gefragt, wie man die Text-URLs in tatsächliche URLs konvertiert
die Website zeigt den vollständigen Code nicht an – also hier ist ein Link dazu
http://pastie.org/6503759
Ich plane, dies bald auf meinem Blog zu verwenden. Danke! :)
Nein, es werden meine Tweets nicht angezeigt. Bitte helfen Sie. Ich glaube, Twitter hat die API aktualisiert.
Bitte aktualisieren Sie den Beitrag.
Unter Verwendung einiger der zuvor hier geposteten Kommentare habe ich einen praktischen Ausschnitt für jedermann erstellt. Alles, was benötigt wird, ist der Twitter-Handle. Er kann leicht angepasst werden, um mehrere frühere Tweets anzuzeigen und nicht nur den letzten.
Viel Spaß!
11.06.2013 – 22 Uhr – RIP API 1.0 Es scheint, dass die Twitter-API auf Version 1.1 umgestellt wurde und die Authentifizierung nun für alle Arten von Anfragen erforderlich ist… Wir können nicht einmal einen Tweet abrufen! Wir müssen ihn nun über unseren Server abrufen (kein JSONP mehr).
Autsch, es ist wahr, diese ganze Seite ist jetzt nutzlos. Hat jemand eine Methode, den neuesten Tweet abzurufen, die funktioniert?
Wie kann ich den formatfreien letzten Tweet mit dieser neuen API-Version anzeigen?
http://stackoverflow.com/questions/12916539/simplest-php-example-retrieving-user-timeline-with-twitter-api-version-1-1
Das scheint jetzt nicht mehr zu funktionieren, bitte aktualisieren Sie diesen Artikel. Danke.
Was muss ich installieren, bevor ich die Tweets abrufe? Welche Software benötige ich dafür, ich weiß es nicht. Bitte helfen Sie mir. Ich möchte den Code für die Twitter-Suche ……
Hallo,
Funktioniert nicht mehr.
Das ist, wenn Technologie zu einem Schmerz im *** wird.
Ich hasse es wirklich, Dinge wie diese ändern zu müssen, nur weil Twitter Änderungen beschlossen hat.
Ich möchte die Post-Zeit anzeigen, z. B. vor etwa 19 Stunden. Wie mache ich das?
Hallo, können Sie diesen Beitrag für die Twitter-API-Änderungen aktualisieren.
https://dev.twitter.com/docs/api/1.1/overview
FYI Dies ist jetzt veraltet
Danke Cody
Gibt es eine Möglichkeit, die Tweet-Anzahl für einen bestimmten Beitrag anzuzeigen, so wie es das Jetpack-Plugin tut?
Wir können Ruby verwenden, um den letzten Tweet zu erhalten
Fehlermeldung
Die Twitter REST API v1 ist nicht mehr aktiv. Bitte migrieren Sie zu API v1.1. https://dev.twitter.com/docs/api/1.1/overview.
laut der Dokumentation der Twitter API,
API v1.1 wurde veröffentlicht, Benutzerautorisierung (und Zugriffstoken) sind für alle API 1.1-Anfragen erforderlich. In den Wochen nach der Veröffentlichung erfordern einige Methoden nur eine anwendungsbasierte Authentifizierung für bestimmte „benutzerlose“ Kontexte.
vielen Dank für Ihren Code, Sie haben mir geholfen!
Mir gefällt dieses Beispiel, das für mich gut funktioniert hat.
http://codepen.io/jasonmayes/pen/Ioype
Hallo
Ich habe diese Fehlermeldung erhalten.
„Das funktioniert mit Twitter API 1.1 nicht mehr“
Können Sie mir bitte helfen, wie ich das entfernen kann?