t3n News Entwicklung

jQuery Socialist – Social-Media-Aggregation leicht gemacht

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 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, Pinterest, Flickr, , 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.

Newsletter

Bleibe immer up-to-date. Sichere dir deinen Wissensvorsprung!

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
5 Antworten
  1. von manuel am 01.02.2013 (10:35 Uhr)

    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?

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

    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.

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

    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.

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

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

    Antworten Teilen
  5. von MarkusP am 05.03.2013 (10:30 Uhr)

    x

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

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

Jetzt anmelden

Mehr zum Thema Pinterest
Abmahnwelle durch Social Plugins? So kannst du dich schützen
Abmahnwelle durch Social Plugins? So kannst du dich schützen

Vor einigen Wochen hat das Landgericht Düsseldorf entschieden, dass Social Plugins, wie beispielsweise das „Page-Plugin“ oder der Facebooks Like-Button, die gängigen Datenschutzvorschriften … » weiterlesen

t3n-Daily-Kickoff: Hat Facebook News nicht angezeigt? Das Social-Network bestreitet
t3n-Daily-Kickoff: Hat Facebook News nicht angezeigt? Das Social-Network bestreitet

Während ihr geschlafen habt, ist einiges passiert da draußen. Der t3n-Daily-Kickoff bringt euch deshalb jeden Morgen auf den neuesten Stand – pünktlich zum ersten Kaffee des Tages und live aus … » weiterlesen

Wie Social-Media-Trends durch Bots manipuliert werden
Wie Social-Media-Trends durch Bots manipuliert werden

Social-Media-Trends geben Journalisten und Politikern ein Gefühl dafür, wie Teile der Gesellschaft ticken. Viel zu oft werden diese Strömungen jedoch von Bots manipuliert. Andreas Weck über eine … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?