Forum - Webseitenbesuche zählen

Um alle Funktionen nutzen zu können, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt für Hilfe, Tricks & Tipps » XOBOR-Foren und Homepages »

Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! » Webseitenbesuche zählen - Besucherzähler

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ankündigungen & Termine, wichtige News. Stellen Sie Ihr eigene Webseite vor. Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. Ärger mit dem PC, Laptop oder Tablet? Ärger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? Ärger mit dem PC, Laptop oder Tablet - Fragen & Antworten? Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten. XOBOR-Foren und Homepages Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! Alles für Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! Das neue Template Xobor (v6). Energieerzeugung im neuen Zeitalter - Revolutionär! Videos und Webseiten zur Freien Energie. Wasserstoff - Energieträger der Zukunft. Elektronik & Elektrotechnik Elektronik & Elektrotechnik - Fragen und Antworten Elektronik & Elektrotechnik - Praxis - Highlights Die besten Links! Empfehlenswerte und interessante Links! Link - Suche. Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps für Smartphones und iPhones. Lob, Kritik & Verbesserungsvorschläge. Spiel & Spaß, Witz & gute Laune! Spiritualität, Seele, New Age, Yoga, Gesundheit. Alles, was noch so übrig bleibt. Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel.

#1 | Webseitenbesuche zählen - Besucherzähler datum

27.10.2022 22:59 (zuletzt bearbeitet: 28.10.2022 08:52)

Daishi

Informationen anzeigen

Beiträge:	489
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 € Forum Spende
Sternzeichen	Steinbock
Likes	473

Webseitenbesuche zählen - Besucherzähler

Hallo, Wolfgang, ich habe mich wieder eine verrückte Inspiration und Idee einfallen lassen. Ich weiß, das gibt es zur Genüge, aber vielen kann man nicht trauen, wenn man den Code kopiert gehen bei den meisten kostenlosen Webseiten die Zähler nicht.

Ich bastele jetzt schon 2 Tage daran herum, es funktioniert, ist einfach und schlicht gestaltet.

Na ja, habe mal versucht im Xobor - Forum bei eigenen Seiten das Skript einzubauen, nur ist die Zahl was höher. In CodePen zeigt sie es mittig an, verstehe das nicht, ( Kopf - Kratz )

Habe es mal an deine blaue Farbe angepasst, den Reset-Button habe ich versteckt. Um ihn sichtbar zu machen, muss man ihn auskommentieren und danach wieder einkommentieren, damit er wieder unsichtbar wird. Er funktioniert einwandfrei. Er zählt auch, wenn man die Seite aktualisiert. Habe auch versucht, den Zähler in die Iconbar einzufügen, aber dann hingen sich die Seite auf.

Na ja, ich dachte mir halt, ich mache etwas Einfaches.

Hier mal die Ansicht wie es aussieht und sie funktioniert:
Zähler für Webseitenbesuche!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<head>
  <title>Website-Zähler</title>
  <script defer src="index.js"></script>
  <link rel="stylesheet" href="styles.css" />
</head>
 
<body>
  <div>Anzahl der Treffpunkt für Hilfe, Tricks & Tipps!-Besuche:</div>
  <div class="website-counter"></div>
  <!-- Auskommentieren um den Zähler zurücksetzen zu können Button erscheint unter Zähler nach auskommentieren automatisch danach bitte wieder einkommentieren danit button weggeht -->
  <!-- <button id="reset">Reset</button> --> 
</body>
 

 
<!-- Hier beginnt das Javascript --> 
 
<script id="rendered-js">
var counterContainer = document.querySelector(".website-counter");
var resetButton = document.querySelector("#reset");
var visitCount = localStorage.getItem("page_view");
 
/* Überprüfen Sie, ob der page_view-Eintrag vorhanden ist */
if (visitCount) {
  visitCount = Number(visitCount) + 1;
  localStorage.setItem("page_view", visitCount);
} else {
  visitCount = 1;
  localStorage.setItem("page_view", 1);
}
counterContainer.innerHTML = visitCount;
 
/* Hinzufügen des onClick-Ereignis-Listeners */
resetButton.addEventListener("click", () => {
  visitCount = 1;
  localStorage.setItem("page_view", 1);
  counterContainer.innerHTML = visitCount;
});
//# sourceURL=pen.js
    </script>  
 

Schließen

Und hier die niedliche CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
/* Untergeordnete Elemente zentrieren */
body,
.website-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
 
body {
  height: 100vh;
}
 
/* Stile für Website-Counter-Container */
.website-counter {
  background-color: #4c49ff;
  height: 50px;
  width: 80px;
  color: white;
  border-radius: 30px;
  font-weight: 700;
  font-size: 25px;
  margin-top: 10px;
}
 
/* Stile für die Reset-Taste */
#reset {
  margin-top: 20px;
  background-color: #008cba;
  cursor: pointer;
  font-size: 18px;
  padding: 8px 20px;
  color: white;
  border: 0;
}
  
 

Schließen

Wie gesagt, es war eine Inspiration und eine Idee.

Ich hoffe, dass meine Inspiration gut ankommt.

Mit freundlichen Grüßen

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#2 | Eigene Besuche auf Webseitenbesuche zählen datum

28.10.2022 21:03 (zuletzt bearbeitet: 29.10.2022 10:09)

Wolfgang

Administrator

Informationen anzeigen

Beiträge:	4005
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1798

Eigene Besuche auf Webseitenbesuche zählen

Hallo Daishi,
habe mir das Skript angeschaut und ausprobiert!

Was ich festgestellt habe:

nicht

Was habe ich verändert:

Da der Zähler nur für den einzelnen User zählt, sollte der User auch den Zähler zurücksetzen können!
Der Zähler wird durch einen Klick auf die Zählung zurückgesetzt!
Beim Mouseover auf die Anzeige, wird sie rot eingefärbt und ein Tooltipp weist auf den Reset hin!
Die Zähler funktioniert nur im Plugin recht gut, sonst wird jeder Seitenklick gezählt!
Die Wahl des Pluginsbereichs bestimmt den Standort!
Wird das Skript z.B. nach "Login - Header" kopiert wird die Zählung nur im Login angezeigt!

Wie nützlich ist das Skript:

Man muss sich natürlich fragen was für ein Stellenwert diese Art der Zählung hat.
Welche Aussagekraft sie hat und was man damit anfangen kann, wenn ich weiß, wie oft ein Beitrag oder eine Kategorie angeklickt worden ist?
Eine sehr starke Aussagekraft hat, denke ich, eine globale Seitenzählung, bei der jeder sehen kann, wie oft eine Seite von Usern angeklickt worden ist!
Oder auch eine Zeitzählung für die gesamte Webseite oder das Forum!

Installation für alle Template

Das Skript wird als Plugin angelegt! Die Wahl des Pluginsbereichs bestimmt den Standort!
z.B. "Login - Header"
Ein Klick auf die Anzeige setzt den Zähler zurück!
Sollen mehrere Zähler installiert werden, müssen die Class (.website-counter1...3), die id (#reset1...3) und der Cookie-Namen (page_view1...3) geändert werden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<style>
.website-counter {
  background-color: #2a27dd;
  color: white;
  border-radius: 30px;
  font-weight: bold;
  font-size: 20px;
  padding:3px 20px;
  margin-bottom:5px;
  cursor:pointer;
}
.website-counter:hover {
  background-color: #aa0000;
}
</style>
 
 
<button title="Der Zähler wird zurückgesetzt" id="reset" class="website-counter">Keine Daten verfügbar!</button><br />
 
<script>
var counterContainer = document.querySelector(".website-counter");
var resetButton = document.querySelector("#reset");
var visitCount = localStorage.getItem("page_view");
 
if (visitCount) {
  visitCount = Number(visitCount) + 1;
  localStorage.setItem("page_view", visitCount);
} else {
  visitCount = 1;
  localStorage.setItem("page_view", 1);
}
counterContainer.innerHTML = visitCount;
 
resetButton.addEventListener("click", () => {
  visitCount = 1;
  localStorage.setItem("page_view", 1);
  counterContainer.innerHTML = visitCount;
});
</script>
 

Schließen

Bis dann und besten Dank für das interessante Skript
Wolfgang

Antworten

Hover Karte 1 » « Korkpinnwand mit Bildern

Ähnliche Themen

Antworten

Letzter Beitrag

Was ist im Forum so los? Das Community Radar!
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 10 17.07.2026 11:16
L2otbart • Zugriffe: 665

Xobor-Plugin "Bannerwechsel" - Zähler für Bannerklicks - Mehrere Bannerwechsel an verschiedenen Stellen
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Kipper-Spedition

23.05.2026 22:17
von

Wolfgang • Zugriffe: 1101

VAR-Funktion, Variablen und Zahlen in der CSS + CSS/SCSS - Teil 1+2
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 1 22.09.2024 15:30
Wolfgang • Zugriffe: 888
Xobor (v6): "Springe zu Seite" verbessern
Erstellt im Forum Das neue Template Xobor (v6). von creator 1 27.08.2021 17:59
Wolfgang • Zugriffe: 1048

Passwortstärke einstellen und Berechtigung Benutzernamen erweitern!
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

08.05.2020 20:02
von

Wolfgang • Zugriffe: 1349

Besucherzähler
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Magister 1 14.06.2015 22:09
Wolfgang • Zugriffe: 1050
Countdown(up) - Timer - Zähler - Generatoren
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 0 01.04.2012 00:53
Wolfgang • Zugriffe: 7522
Chronologie des Internets - Netzwerk der Netzwerke - Auch, die Kehrseite
Erstellt im Forum Alles, was noch so übrig bleibt. von Wolfgang 2 15.03.2025 23:03
Dankeschön • Zugriffe: 2015
TAB-Menü / TAB-Spoiler / Boxen für Texte und Bildern
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 20 28.10.2022 18:49
Daishi • Zugriffe: 16099

Forum Übersicht → XOBOR-Foren und Homepages →

Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! → Webseitenbesuche zählen - Besucherzähler

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gefällt und Du Dich hier genauso wohlfühlst wie wir.

Um Dir und den anderen Mitgliedern das Bestmögliche bieten zu können, würden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras ergänzen.

Wenn Du uns dabei unterstützen möchtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

Forum - Webseitenbesuche zählen - Besucherzähler

Webseitenbesuche zählen - Besucherzähler

Eigene Besuche auf Webseitenbesuche zählen