Online-Zeit von Benutzern anzeigen

... das habe ich so gemacht, nach der Beschreibung dieses Tutorials von
Webmaster Resource.

Bei dem 1. Beispiel hier, beginnt die Berechnung bei jedem Aufruf einer Seite neu, um die Berechnung für alle Seiten zu erhalten, habe ich ein Beispiel weiter unten.

Zunächst habe ich mir eine neue Seite mit der Master-Rahmen-Einstellung “ZeroMargins” erstellt, die ich “Online-Zeit.html” genannt habe.

Dort habe ich in die “Layout-HTML” folgendes Skript geschrieben (Bilder unten):

1) “headInner” Bereich

<script language="JavaScript">
<!--
var Aufrufzeit = new Date();


function Zeitberechnung()
{
    var AktuelleZeit = new Date();
    Differenz = parseInt((AktuelleZeit.getTime() - Aufrufzeit.getTime()) / 1000);
    document.Onlinezeit.OnlinezeitWert.value = Differenz;
    setTimeout("Zeitberechnung()", 1000);
}
//-->
</script>

2) “bodyAttrs” Bereich

onLoad="Zeitberechnung();"

3) “bodyStart” Bereich

<form name="Onlinezeit">
Du bist seit <input name="OnlinezeitWert" size="3" type="text"> Sekunden auf dieser Webseite.
</form>

... nun habe ich auf den Seiten, auf denen ich diese Zeitmessung anzeigen möchte, ein “Inline Frame” aufgezogen und auf diese neue Seite “Online-Zeit.html” intern verlinkt.

2. Beispiel - “Cookie - Variante”

Wollt Ihr hingegen die Zeitmessung des Besuchers auf Euren gesamten Seiten erfassen und anzeigen, dann müsst Ihr die “Cookie - Lösung” unten verwenden. Diese hat jedoch den Nachteil, dass Cookies beim Benutzer aktiviert sein müssen.
Es gibt auch noch eine “Frame - Variante”, die ich hier aber nicht beschreibe.

Für die “Cookie - Variante” fügt Ihr den unten stehenden Code ebenso ein wie oben beschrieben
- in 3 Teilen -.

1) “headInner” Bereich:

<script language="JavaScript">
<!--
function Zeitberechnung()
{
    if(document.cookie)
    {
        var CookieAufrufzeit = parseInt(document.cookie);
        var AktuelleZeit = new Date();
        Differenz = parseInt((AktuelleZeit.getTime() - CookieAufrufzeit) / 1000);
        document.Onlinezeit.OnlinezeitWert.value = Differenz;
        document.cookie = CookieAufrufzeit + 1;
        setTimeout("Zeitberechnung()", 1000);
    }
    else
    {
        var Aufrufzeit = new Date();
        Aufrufzeit = parseInt(Aufrufzeit.getTime());
        var AktuelleZeit = new Date();
        document.cookie = Aufrufzeit + 1;
        Differenz = parseInt((AktuelleZeit.getTime() - Aufrufzeit) / 1000);
        document.Onlinezeit.OnlinezeitWert.value = Differenz;
        setTimeout("Zeitberechnung()", 1000);
    }
}
//-->
</script>

2) “bodyAttrs” Bereich

onLoad="Zeitberechnung();"

3) “bodyStart” Bereich

<form name="Onlinezeit">
Du bist seit <input name="OnlinezeitWert" size="3" type="text"> Sekunden auf meiner Seite
</form>

... und noch was. Wir Ihr vielleicht bemerken konntet, habe ich die Größe und die Hintergrundfarbe in der “Zähler-Box” geändert. Dazu habe ich

vor dem <form> Befehl (Code oben)

den Code unten für die Größe und Hintergrundfarbe eingefügt, also ebenfalls im “bodyStart” Bereich.

Die Größe des Textes habe ich über die NOF-eigene CSS geändert.

<style>
input {font-size:10px}
input {background-color:#E3E3E3}
input {font-family: Arial, Helvetica, sans-serif}
</style>

... und um die Umbrüche, sowie den Zähler “zentriert” einzubringen, habe ich an dem
<form> Befehl noch Änderungen:

<br> für Umbruch
style=“text-align:center” für das Zentrieren

eingebracht, wie unten fett markiert zu sehen.

<form name="Onlinezeit">
Du bist seit<br> <input name="OnlinezeitWert" size="3" type="text"
 style="text-align:center"><br> Sekunden<br>auf
 meiner Seite
</form>

Viel Erfolg!

zurück