24. August 2010 - 7:21
Ein paar spannende Zahlen und Fakten rund um das Internet.  Via: MBA Online Wer das Bild ebenfalls auf seinem Blog oder seiner Seite einbinden möchte, kann dies...
6. August 2010 - 14:14
Jeder kennt das Problem mit den Breadcrumbs in Drupal. Da stimmt immer alles und irgendwann siehst du eine Seite, bei welchen diese Breadcrumbs nicht mehr stimmen. Entweder...
21. Juli 2010 - 19:34
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...

Juitter (Twitter) for Drupal

DruckversionSend to friendPDF Version

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.

Twitter ist in aller MundeDer 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.

Juitter Konfig

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.

Juitter Konfig

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.

Your rating: Keine Average: 4 (1 vote)

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 ;-)