[x] Schliessen

Star Rating für Webseiten

Hier finden Sie eine Beschreibung, wie Sie auf recht einfache Weise eine Benutzer-Bewertung Ihrer Webseiten bekommen können.

Inhalt dieser Seite:

Features

Hinweis: Derzeit steht dieser Service nur auf folgenden Servern zur Verfügung: Sollten Sie darüber hinaus diese Anwendung verwenden wollen, setzen Sie sich bitte mit der Webtech-Gruppe (webtech@cms.hu-berlin.de) in Verbindung.
Dieses Angebot gilt nur für Server innerhalb des HU-Netzes.

Der einfachste Weg

Fügen Sie einfach folgende Tags in Ihre HTML-Seite ein:
<script src="/rating/jquery.js" type="text/javascript" language="javascript"></script>
<script src="/rating/autorating.js" type="text/javascript" language="javascript"></script>
<div id="AutoRating"></div>

Wenn Sie die Schriftgrösse oder den Tabellen-Stil ändern möchten, fügen Sie bitte folgendes zwischen den script-Tags und dem div-Tag ein:

<style type="text/css">
	div.ratingtext { font-size: 0.8em; }
	table.autorating {  }
	tr.autorating { }
	td.autorating { }
</style>

Hier dazu ein Beispiel.

Der komplizierte Weg (aber alles anpassbar)

Innerhalb des HTML-Head-Elements fügen Sie diese Tags ein:

<script src="/rating/jquery.js" type="text/javascript" language="javascript"></script>
<script src='/rating/jquery.MetaData.js' type="text/javascript" language="javascript"></script>
<script src="/rating/jquery.rating.js" type="text/javascript" language="javascript"></script>
<script src="/rating/rating.js" type="text/javascript" language="javascript"></script>
<link href="/rating/jquery.rating.css" type="text/css" rel="stylesheet"/>

Und irgendwo in Ihrer Webseite, wo Sie die "Sternchen" sehen wollen, fügen Sie diese Tags ein:

<form name="star1" action="/rating/rating.php">
<table>
<tbody>
<tr>
<td valign="top">
        <div style="font-size:0.5em;">Ihre Bewertung</div>
        <input name="star1" type="radio" value="1" class="autosubmit-hover-star" title="v&ouml;llig unn&uuml;tz"/>
        <input name="star1" type="radio" value="2" class="autosubmit-hover-star" title="wenig brauchbar"/>
        <input name="star1" type="radio" value="3" class="autosubmit-hover-star" title="ok"/>
        <input name="star1" type="radio" value="4" class="autosubmit-hover-star" title="n&uuml;tzlich"/>
        <input name="star1" type="radio" value="5" class="autosubmit-hover-star" title="sehr n&uuml;tzlich"/>
        <div id="star1tip" style="font-size:0.5em">&nbsp;</div>
</td>
<td valign="top">
        <div style="font-size:0.5em;">Durchschnitt (<span id="star1count">0</span> Stimme(n), <span id="star1avarage">0</span> Stern(e))</div>
        <input name="star1avarage" type="radio" value="1" class="autosubmit-hover-star-avarage" title="v&ouml;llig unn&uuml;tz" />
        <input name="star1avarage" type="radio" value="2" class="autosubmit-hover-star-avarage" title="wenig brauchbar" />
        <input name="star1avarage" type="radio" value="3" class="autosubmit-hover-star-avarage" title="ok" />
        <input name="star1avarage" type="radio" value="4" class="autosubmit-hover-star-avarage" title="n&uuml;tzlich" />
        <input name="star1avarage" type="radio" value="5" class="autosubmit-hover-star-avarage" title="sehr n&uuml;tzlich" />
</td>
</tr>
</tbody>
</table>
</form>

Die Werte in value dürfen nur >=0 sein. Die title-Attribute und die Anzahl der input-Tags dürfen Sie nach belieben ändern. Jedoch sollten die title- und value-Attribut-Werte von "Ihre Bewertung" und "Durchschnitt" synchron und letztere eindeutig gehalten werden.

Ein Beispiel gibt es natürlich auch.

Probleme, FAQ usw.

Datenschutz

Auf Serverseite werden keine IP-Adressen gespeichert. Damit aber jeder Benutzer nur einmal abstimmt, wird eine Cookie im Browser gesetzt, das ein Jahr lang gültig ist. Damit hat ein Benutzer die Möglichkeit, seine Bewertung zu revidieren bzw. zurückzuziehen. Es können jedoch keinerlei Rückschlüsse daraus gezogen werden, welcher Benutzer wie abgestimmt hat.


© ZE CMS, Humboldt-Universität zu Berlin | erstellt: 18.1.2010 (dro) | zuletzt geändert: 16.3.2010 (dro)