Juitter (Twitter) for Drupal
Wieder mal gibt es ein kleines Update auf redpanda.ch. Twitter ist in aller Munde und zu Twitter gibt es gefühlte 2 Millionen verschiedene Widgets welche man auf der eigenen Website verwenden kann. Juitter ist eines davon und meines Erachtens eines der Besten. Selbstverständlich gibt es für Drupal ein einfaches Modul, mit welchem man Juitter verwenden kann. Die Installation ist ganz einfach und ein paar kleine Tipps gibt es auch noch in diesem Blogpost.
Was macht den Juitter?
Juitter ist ein jQuery Plugin, mit welchem man Twitter Such Resultate Live auf der eigenen Webseite anzeigen lassen kann. Der Besucher hat die Mögilchkeit nach bestimmten Begriffen zu suchen.
Der kleine Twittervogel ist in aller Munde und wird rege verwendet. Mit dem Juitter Widget auf der Webseite machts noch ein wenig mehr Spass.
Installation
Als erstes muss man das Drupalmodul Juitter runterladen. Bevor man es nun aber ins bekannte Drupalverzeichnis hochlädt, sollte man noch das Juitter Plugin runterladen und entpacken. Die Datei jquery.juitter.js muss jetzt ins js Verzeichnis des Drupal Juitter Modul kopiert werden. Jetzt kann das Modul per FTP ins sites/all/modules Verzeichnis hochgeladen werden. Anschliessnd muss es nur noch, wie jedes Modul, aktiviert werden.
Konfiguration
Nun muss man das Juitter Modul noch konfigurieren. Unter admin/settings/juitter findet man die Konfigurationseinstellungen.
Man hat hier die Möglichkeit, bereits eine vorgegebene Live Twitter Suche zu konfigurieren. Am besten gleich mal bei der bereits bestehenden Konfiguration auf Bearbeiten klicken.
Sämtliche Felder sind doch eigentlich alle selbsterklärend. Probier einfach mal aus. Das Resultat kannst du dir anschliessend unter www.deine-domin.ch/juitter anschauen. Auf die selbe Art und Weise kann man sich noch mehrere Tabs konfigurieren.
Juitter in a Block
Der Eine oder Andere sagt sich jetzt, ja eigentlich super aber bringt mir leider nichts, da ich eigentlich das PlugIn in einem Block laufen lassen möchte. Nichts einfacher als das. Auf drupal.org habe ich die Lösung gefunden. Man muss nichts weiter machen, als das untenstehende Stück Code in einen Block zu kopieren:
<?php
drupal_add_js('sites/all/modules/juitter/js/jquery.juitter.js','module');
drupal_add_js('sites/all/modules/juitter/js/system.js','module');
drupal_add_css('sites/all/modules/juitter/css/juitter.css','module');
drupal_add_js('
$(document).ready(function() {
$.Juitter.start({
searchType:"searchWord",
searchObject:"seattle",
live:"live-5", total:"5"
});
});
','inline');
?>
<div id="juitterContainer"></div>
Unter searchObject muss man nur noch das gesuchte Wort eingegeben werden. Jetzt muss man nur noch das dazugehörige CSS File anpassen und schon sieht es ganz passabel aus. Das CSS File liegt übrigens im Folder css und ist sehr gut beschrieben. Allerdings kann es sein, dass anschliessend (je nach Konfiguration) die Hauptjuitterseite nicht mehr ganz so toll aussieht.
Twitter Search Operaters
Beim obigen Beispiel habe ich beschrieben, wie man Juitter in einem Block von Drupal darstellen lassen kann. Unter searchObject kann man einen beliebigen Suchbegriff eingeben, nach welchem dann bei Twitter gesucht wird. Das Juitter Modul geht über die Twitter Search API und diese stellt noch ein paar tolle Operatoren zur Verfügung.
| Operator | Finds tweets... |
|---|---|
| twitter search | containing both "twitter" and "search". This is the default operator. |
| "happy hour" | containing the exact phrase "happy hour". |
| love OR hate | containing either "love" or "hate" (or both). |
| beer -root | containing "beer" but not "root". |
| #haiku | containing the hashtag "haiku". |
| from:alexiskold | sent from person "alexiskold". |
| to:techcrunch | sent to person "techcrunch". |
| @mashable | referencing person "mashable". |
| "happy hour" near:"san francisco" | containing the exact phrase "happy hour" and sent near "san francisco". |
| near:NYC within:15mi | sent within 15 miles of "NYC". |
| superhero since:2010-07-20 | containing "superhero" and sent since date "2010-07-20" (year-month-day). |
| ftw until:2010-07-20 | containing "ftw" and sent up to date "2010-07-20". |
| movie -scary :) | containing "movie", but not "scary", and with a positive attitude. |
| flight :( | containing "flight" and with a negative attitude. |
| traffic ? | containing "traffic" and asking a question. |
| hilarious filter:links | containing "hilarious" and linking to URLs. |
| news source:twitterfeed | containing "news" and entered via TwitterFeed |
Mit diesen Operatoren kann man die Twitter Suche noch verfeinern. So könnte man zum Beispiel nach "drupal OR seo" suchen lassen. Dies zeigt dann alle Tweets an in welchem Drupal, SEO oder beide Begriffe vorkommen. Ebenfalls spannend ist der - Operator. So kann man zum Beispiel nach "cms OR drupal -jommla" suchen. Dies würde dann heissen, man sucht nach CMS und oder Drupal Tweets aber nicht solche in denen Joomla vorkommt. Wie man an diesem Beispiel gut sehen kann, kann man die Operatoren beliebig kombinieren.
Dann wünsche ich dir viel Spass mit dem wirklich spannenden Drupalmodul Juitter.
- redpanda's blog
- Neuen Kommentar schreiben
- 420 Aufrufe







Kommentare
ich hätte noch eine coole
ich hätte noch eine coole Abwandlung davon... müsste mich nur mal hinsetzen und das ganze commiten.
Ja dann hopp...
Da ich die Abwandlung kenne, kann ich dem nur zustimmen und hoffe auf einen baldigen Commit ;-)