Drücke die Tasten ◄ ► für weitere Artikel  

jQuery Socialist – Social-Media-Aggregation leicht gemacht

Mit Socialist könnt ihr automatische Nachrichten-Aggregationen von verschiedenen Social-Networks erstellen und sie in einem übersichtlichen, an Pinterest erinnerndem Layout ausgeben. Wir zeigen euch, was das Plugin kann und wie ihr es benutzt.

jQuery Socialist – Social-Media-Aggregation leicht gemacht
Ein Screenshot von jQuery Socialist

jQuery Socialist ist ein Plugin, das mehrere Social-Media-Feeds ausliest, zusammenführt und übersichtlich ausgeibt. Derzeit unterstützt das Plugin , Twitter, LinkedIn, YouTube, , , Tumblr, RSS und weitere Social-Networks. Das Skript liest die neuesten Meldungen des jeweiligen Netzwerks aus und fasst sie in Form einer übersichtlichen und an das Design von Pinterest angelehnten Darstellung zusammen.

jQuery Socialist Screenshot
jQuery Socialist

jQuery Socialist einbinden

Für den Betrieb des Plugins ist nicht viel nötig. Nach dem Download muss die JavaScript-Datei nur noch zusammen mit dem dazugehörigen CSS-Stylesheet in das jeweilige Projekt eingebunden und auf ein beliebiges div-Element angewandt werden.

$('#content').socialist({
	networks: [
		{name:'facebook',id:'t3nMagazin'},
		{name:'pinterest',id:'t3nmagazin'},
		{name:'twitter',id:'t3n'},
		{name:'googleplus',id:'105588557807820541973/posts'},
		{name:'rss',id:' http://feeds2.feedburner.com/aktuell/feeds/rss/'}
	]
});

Zum reibungslosen Betrieb benötigt Socialist zumindest ein Array mit den jeweiligen Netzwerken, die es abfragen soll. Es können aber noch zusätzliche Werte, wie die maximale Länge für Headlines und Anreißer-Texte oder die maximale Anzahl der anzuzeigenden Meldungen festgelegt werden. Socialist unterstützt Theming und liefert zwei vorgefertigte Themes mit. Diese lassen sich beim Aufruf von Socialist festlegen und anpassen. Verschiedene Bereiche lassen sich per Skript einblenden bzw. durch Auslassen im Array ausblenden:

$('#content').socialist({
	networks: [{...}],
	fields:['source','heading','text','date','image','followers','likes']
});

Für den reibungslosen Betrieb wird jQuery 1.6 oder neuer benötigt. Bei unseren Tests gab es aber beim Einsatz von jQuery 1.9 größere Schwierigkeiten. Das jüngste Release, mit dem Socialist läuft, ist jQuery in der Version 1.8.3.

jQuery Socialist: Einfach zu benutzen, dafür etwas langsam

Socialist bietet eine einfache Möglichkeit, um Social-Media-Feeds zusammenzufassen und auf der eigenen Seite einzubinden. Da das Skript die Ergebnisse aber „on-the-fly“ erzeugt, lässt die Performance im Vergleich zu serverseitigen Lösungen manchmal doch zu wünschen übrig. Dafür lässt sich jQuery Socialist schnell und ohne tiefergehende Kenntnisse über APIs oder serverseitige Programmierung einbinden. Einen Blick ist das Tool auf jeden Fall wert.

Da die derzeitige Version des Skriptes Fehler in der Beispiel-Datei enthält, haben wir ein individuelles Paket für euch zum Testen des Skriptes vorbereitet.

84 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
6 Antworten
  1. von manuel am 01.02.2013 (10:35Uhr)

    Bei mir funktioniert das nicht.

    Ich habe das Script heruntergeladen und entpackt und anschließend die example-Datei geöffnet. Ich bekomme nur einen weißen Bildschirm zu sehen.

    Muss man davor etwas einstellen und beachten?

  2. von Ilja Zaglov am 01.02.2013 (10:54Uhr)

    Im aktuellen Demo-Paket scheinen sich ein paar Fehler eingeschlichen zu haben, die das Testen ohne Webserver problematisch machen. Einige der Networks, die im Beispiel abgefragt werden, scheinen auch nicht mehr zu gehen.

    Tut mir Leid Leute, das war zum Erstellungs-Zeitpunkt des Beitrags noch nicht so.

    Ich habe mal ein kleines Paket zusammengestellt, mit dem ihr das Skript einfacher testen könnt! Könnt ihr unter http://files.zaglov.de/t3n/socialist.zip herunterladen. Hoffe das hilft.

    Werde das gleich auch im Beitrag hinterlegen.

  3. von manuel am 01.02.2013 (11:40Uhr)

    Super, vielen Dank. Damit funktioniert es auch bei mir.

    Dann werde ich mal herumspielen und testen ob ich damit auch ein Art Social Media Monitoring über Twitter und Google+ betreiben kann. Dazu muss man auch suchen können, das hab ich bisher noch nicht gefunden.

  4. von Benny Lava am 01.02.2013 (13:44Uhr)

    Der Name ist ein richtiger Fail. :-)
    Was kommt als nächstes, jQuery Nazi?

  5. von WordPress - Die besten Social Media-Plug… am 11.03.2013 (10:00Uhr)

    [...] gute Anleitung zum Einbau findet Ihr hier oder auch [...]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Pinterest
Social Locker: Mächtiges Plugin verspricht Webseiten mehr Reichweite in Sozialen Netzwerken
Social Locker: Mächtiges Plugin verspricht Webseiten mehr Reichweite in Sozialen Netzwerken

Social Locker ist ein WordPress-Plugin, das es auch als jQuery-Version gibt und mit dem ihr eure Nutzer per Social-Media-Aktion für bestimmte Inhalte bezahlen lassen könnt. Was damit genau möglich. ... » weiterlesen

Facebook-Alternativen: Social Networks für jeden Geschmack
Facebook-Alternativen: Social Networks für jeden Geschmack

Beeindruckende Zahlen zu Facebooks 10. Geburtstag: 1,23 Milliarden Menschen nutzen das Soziale Netzwerk weltweit. Dabei hat der blaue Riese zahlreiche Konkurrenten. Hier sind die größten und... » weiterlesen

216 Events von Altona bis St. Pauli: Die Social Media Week Hamburg
216 Events von Altona bis St. Pauli: Die Social Media Week Hamburg

Es ist wieder soweit: Bald findet in Hamburg erneut die Social Media Week statt. Wie in sieben anderen Städten auch, geht es Ende Februar fast ausschließlich um Themen der Social Media. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen