Zählen der Anzahl Klicks auf Audiofile

Question

Hallo!

In meinem Fragebogen präsentiere ich verschiedene Audiofiles, die ich von Probanden Bewerten lasse. Die Audiofiles konnte ich mit HTML zur jeweiligen Antwortmöglichkeit direkt in die Zeile schreiben. Das klappt schon mal wunderbar und sieht so aus:

Ich möchte jetzt gern noch die Anzahl der Klicks aufzeichnen, also wie oft eine Audiodatei abgespielt wurde. Ich habe mich durch verschiedene Artikel geklickt und habe herausgefunden, dass ich zuerst interne Variablen anlegen muss, die man bei "Fragebogen zusammenstellen" dann zuerst einfügt. Danach wird die eigentliche Frage eingefügt. Zum Schluss soll HTML Code eingefügt werden, mit dem dann die Buttoklicks gezählt werden sollen.
Ich habe in ihrem Forum eine Zählung für Infobuttons gefunden:
https://www.soscisurvey.de/help/doku.php/de:create:popup?s[]=informationen&s[]=per&s[]=mausklick&s[]=anzeigen

Da ich keine Infobuttons habe, sondern Audiodateien, wie kann ich die Klicks auf die Audiodateien zählen?

Answer 1

Da ich keine Infobuttons habe, sondern Audiodateien, wie kann ich die Klicks auf die Audiodateien zählen?

Wenn Sie die Audio-Dateien via <audio> eingefügt haben, dann erzeugen diese beim Abspielen ein "play"-Event (vgl. https://www.w3schools.com/tags/ref_av_dom.asp).

Sie haben eine HTML-ID in das <audio>-Tag eingetragen? Sehr gut, dann könnte Ihr JavaScript-Code wie folgt aussehen:

document.getElementById("audio01").addEventListener("play", function() {
  countClick("IV01_01");
});

Die Funktion countClick() müssen Sie natürlich noch separat definieren.

Comments

Wunderbar, das hat funktioniert, danke.

die Funktion lautet dann:

var qcount=0;
document.getElementById('audio_question').addEventListener('play',
function(){qcount++; document.getElementById("IV01_01").value = qcount;})

---

So funktioneirt das aber nur, wenn Sie nur ein Audio-File verwenden. Sonst zählt jedes Audio-File dieselbe qcount-Variable hoch. Und beim ersten Klick auf die dritte Datei wird schon eine 3 gespeichert.

Ich würde eher sowas emfpehlen:

function countClick(varID) {
  var input = document.getElementById(varID);
  var wert = parseInt(input.value);
  if (isNaN(wert)) {
    wert = 0;
  }
  wert++;
  input.value = wert;
}

Das in Verbindung mit dem Code von oben. Also das Zählen tatsächlich einfach in eine separate Funktion auslagern.