Timer - Pop Up Fenster anzeigen in neuem Tab

Question

Liebes Soscisurvey-Team,

in meinem Fragebogen bitte ich den Teilnehmer für 5 Minuten in seinem Facebook-Account zu browsen und anschließend zu meiner Umfrage zurückzukehren.

Hierfür habe ich den Facebook-Link in meine Umfrage eingebaut, sodass sich bei darauf klicken ein neuer Tab mit der Facebook-Log-In-Seite öffnet.

Ich würde gerne einen Timer einbauen, der nach dem Ablauf der 5 Minuten in einem Pop-Up-Fenster erscheint. Dadurch soll der Teilnehmer informiert werden, dass die Zeit abgelaufen ist und er zur Umfrage zurückkehren soll. Das Pop-Up-Fenster erscheint allerdings nur in dem SoSciSurvey-Umfrage-Tab, was bedeutet, dass es in dem Facebook-Tab (wo der Teilnehmer gerade browst) nicht angezeigt wird.

Ich hab verschiedene HTML-Scripts probiert, aber komme nicht weiter... Könnt Ihr mir weiterhelfen?
Vielen Dank im Voraus.

Answer 1

Ich denke, das werden Sie nicht ändern können, wenn Facebook in einem separaten Tab geöffnet ist. Der Browser wird es schlicht und ergreifend blockieren, dass eine Website PopUps in einem "fremden" Tab anzeigt.

Haben Sie es einmal versucht, Facebook nicht in einem separaten Tab zu öffnen, sondern in einem <iframe> innerhalb des Frabebogens? Wenn man für die eine Fragebogenseite das "presenter" Layout verwendet, sollte das auch bildschirmfüllend möglich sein.

Wenn Sie das Facebook-Tab mit dem JavaScript-Befehl var facebook = window.open() geöffnet haben, könnte es auch noch funktionieren, dass Sie das Fenster mittels facebook.close() nach 5 Minuten einfach wieder schließen. Einen Versuch wäre das evtl. noch wert.

Wenn alles nicht hilft, müssten Sie doch zu Ihrer ursprünglichen Idee zurück, nach 5 Minuten einen Audio-Alarm abzuspielen. Dann sollten Sie das den Teilnehmer/innen vorab aber erklären und mit einem Test-Audio auf der Seite vorher auch sicherstellen, dass die Teilnehmer/innen das Audio hören.

Comments

Vielen Dank für die Tipps! Die Idee mit <iframe> hat mir gut gefallen, Facebook blockiert diese Anwendung aber leider.

Ich habe das Problem jetzt mit dem Audio-Alarm gelöst. Die Teilnehmer browsen für 5 Minuten in einem neuem Tab auf Facebook. Nach Ablauf des Timers ertönt ein Ton und sie kehren zum Tab mit dem Fragebogen zurück. Auf der Seite vorher gibt es einen Test-Audio, damit sicher gestellt wird dass die Teilnehmer das Audio hören.

In den Browsern Safari und Firefox funktioniert leider das automatische Abspielen des Audio nach Ablauf der 5 Minuten nicht. Die Audio-Datei wird angezeigt und soll manuell abgespielt werden. Ich glaube, dass der HTML-Code zum automatischen Abspielen blockiert wird...

In den Browsern Chrome und Opera funktioniert die Funktion. Haben Sie eine Idee bzw. Erfahrung damit?

---

Schauen Sie bitte mal in die Fehlerkonsole des Browsers, ob dort steht, dass das automatische Abspielen verhindert wurde. Es ist durchaus plausibel, dass das passiert, wenn ein Tab im Hintergrund ist.

Ich kann nicht sicher sagen, ob es etwas damit zu tun hat:

> Starting with the release of Firefox 66 for desktop and Firefox for Android, Firefox will block audible audio and video by default.

https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/

Mein persönlicher Favorit ist das PopUp (window.open), welches dann automatisch geschlossen werden kann. Vorausgesetzt, die Teilnehmer machen beim Browsen keine eigenen/neuen Tabs auf...

Was Sie auch versuchen können: Sie können eine Audio-Datei erzeugen, die 5 Minuten Stille und dann einen Alarm enthält. Diese lassen Sie von den Teilnehmern starten bzw. versuchen das Autoplay. Und erst wenn die Aidio-Datei spielt (lässt sich per JavaScript prüfen) öffnen Sie Facebook. Das müsste dann im Hintergrund sauber weiterlaufen. Und wenn Sie es mit den richtigen Parametern komprimieren, bleibt die Datei auch schön klein.

Sie sehen schon, wenn man sich in einem Graubereich bewegt, der auch von Werbetreibenden und Malware massiv ausgereizt wird, dann ist leider viel Basteln und Ausprobieren angesagt :(

---

Die Idee mit der Audio-Datei, die für 5 Minuten Stille und dann den Gong abspielt, ist eine super Lösung, vielen Dank! Ich habe den Timer so umgebaut und in sämtlichen Browsern getestet - es funktioniert (endlich) :)