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

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. 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 datum

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

Daishi

Informationen anzeigen

Beitr�ge:	389
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	327

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

charlie1965 und Wolfgang finden 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:	3500
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1369

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

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 €

91%