Q: Wie kann Ich das iFrame nach oben scrollen wenn sich der Inhalt ändert?

Wenn Du PollUnit auf Deiner Webseite einbettest , kann es sinnvoll sein, die scroll Position Deiner Webseite zu verändern wenn sich der Inhalt von PollUnit ändert. Z.B. wenn Du in einem Fotowettbewerb von der Übersicht auf die Einzelansicht wechselst und sich die Höhe des iFrames stark ändert. PollUnit kann leider nicht Deine Webseite fernsteuern und an eine andere Positionen scrollen. Dies muss auf Deiner Webseite passieren. Damit dies klappt kannst Du mittels Javascript auf den load Event des iFrames hören und dann eine Funktion auslösen. In unserem Beispiel nennen wir die Funktion »customScrollFunction«, das iFrame bekommt von uns die ID »pollUnitIframe«. Das Javascript was die Funktion auslöst könnte z.B. so aussehen: document.getElementById('pollUnitIframe').onload = function() { customScrollFunction(); }; Die eigentliche Funktion die das iFrame anfährt könnte wie folgt aussehen. customScrollFunction = function() { const element = document.querySelector('#pollUnitIframe'); if (element) { element.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }; Bitte beachte, dass wir das iFrame wieder Anhand unserer Beispielhaften ID heraussuchen. In manchen Fällen kann es nötig sein eine Eltern-Element des iFrames anzuscrollen oder ein Offset zu berücksichtigen. Dies kann z.B. der Fall sein wenn Deine Webseite einen fixierten Header hat. Dann musst Du unseren beispielhaften Code anpassen.

Question 1

Wie kann Ich das iFrame nach oben scrollen wenn sich der Inhalt ändert?

Accepted Answer

Wenn Du PollUnit auf Deiner Webseite einbettest, kann es sinnvoll sein, die scroll Position Deiner Webseite zu verändern wenn sich der Inhalt von PollUnit ändert. Z.B. wenn Du in einem Fotowettbewerb von der Übersicht auf die Einzelansicht wechselst und sich die Höhe des iFrames stark ändert. PollUnit kann leider nicht Deine Webseite fernsteuern und an eine andere Positionen scrollen. Dies muss auf Deiner Webseite passieren.

Damit dies klappt kannst Du mittels Javascript auf den load Event des iFrames hören und dann eine Funktion auslösen. In unserem Beispiel nennen wir die Funktion »customScrollFunction«, das iFrame bekommt von uns die ID »pollUnitIframe«.

Das Javascript was die Funktion auslöst könnte z.B. so aussehen:

document.getElementById('pollUnitIframe').onload = function() {
  customScrollFunction();
};

Die eigentliche Funktion die das iFrame anfährt könnte wie folgt aussehen.

customScrollFunction = function() {
 const element = document.querySelector('#pollUnitIframe');
 if (element) {
  element.scrollIntoView({ behavior: 'smooth', block: 'start' }); 
 }
};

Bitte beachte, dass wir das iFrame wieder Anhand unserer Beispielhaften ID heraussuchen. In manchen Fällen kann es nötig sein eine Eltern-Element des iFrames anzuscrollen oder ein Offset zu berücksichtigen. Dies kann z.B. der Fall sein wenn Deine Webseite einen fixierten Header hat. Dann musst Du unseren beispielhaften Code anpassen.

Question 2

Kann ich Nutzerdaten, wie Name und E-Mailadresse an meine eingebettete PollUnit übergeben?

Accepted Answer

Ja, mit Hilfe von Parametern die Du an die PollUnit URL anhängst, kannst Du beliebige Textdaten an PollUnit Übertragen. Diese werden dann bei den teilnehmenden Personen mit abgespeichert und können in der Auswertung sowie im Export eingesehen werden.

Um URL Parameter mit abzuspeichern musst Du die gewünschten Parameter im Schritt »Erweitert« erlauben. Wie das genau funktioniert findest Du in unserer Hilfe.

Question 3

Was kann ich tun wenn PollUnit auf meiner Webseite nicht angezeigt wird?

Accepted Answer

Wenn die eingebettete Variante von PollUnit auf Deiner Webseite nur eine graue Seite ausliefert oder einen »Refused to display« Fehler anzeigt, liegt es daran, dass Du Deinen Host bzw. Domain nicht in Deiner PollUnit freigeschalten hast. Du musst über das Kontext Menü der PollUnit Deinen Host explizit erlauben. Dies geschieht zur Sicherheit Deiner Teilnehmer.

In der Webkonsole sollte folgende Meldung auftreten wenn dieser Fehler vorliegt:

Refused to display 'https://pollunit.com/...'
in a frame because it set 'X-Frame-Options' to 'sameorigin'.

In seltenen Fällen oder wenn Du einen Webbaukasten wie WIX nutzt, kann es sein, dass als Host nicht Deine Domain eingetragen werden muss sondern ein von Deiner Seite intern generierter HTTP Referrer. Bitte wende Dich dazu an Deine Techniker oder Dienstleister.

Weitere Informationen wie Du Deine Abstimmungen und Fotowettbewerbe einbettest findest Du in unserem Tutorial.

Question 4

Ich kann in der eingebetteten PollUnit nicht scrollen. Was soll ich tun?

Accepted Answer

Wenn Du PollUnit mit unserem iFrame Resizer Script eingebettet hast, überprüfe, ob es auf Deiner Webseite einen Javascript Fehler gibt. Fehler in Scripten auf Deiner Webseite können verhindern, dass unser Script richtig ausgeführt wird. Alternativ kannst Du auf die Version ohne iFrame Resizer wechseln.

Allgemein solltest Du überprüfen, ob das PollUnit iFrame durch ein Script oder CSS Deiner Seite verändert wird. Z.B. sollte das iFrame kein »scrolling="no"« Attribut gesetzt haben. Sollte der ausgelieferte HTML Code anders aussehen, als der von uns zur Verfügung gestellte, dann ist die Wahrscheinlichkeit sehr hoch, dass ein Script Deiner Seite den Fehler verursacht.

Die Überprüfung kann mit der Webkonsole Deines Browsers durchgeführt werden.

Question 5

Wie kann ich PollUnit bildschirmfüllend oder in einer anderen Größe integrieren?

Accepted Answer

PollUnit wird als iFrame integriert. Du kannst die Größe des iFrames mit CSS frei anpassen. Dazu kannst Du das PollUnit iFrame mit einer Klasse oder ID ergänzen und die Darstellung über Dein Stylesheet anpassen.

Beispiel Html

</pre></p>

<p>Beispiel CSS
<br /><pre>#pollunit {<br>  width: 100%;<br>  height: 1000px;<br>}</pre></p>

<p>Um das iFrame auf die Größe deines Browsers zu skalieren, kannst Du die Maßeinheiten vh und vw nutzen:
<br /><pre>#pollunit {<br>  width: 100vw;<br>  height: 100vh;<br>}</pre></p>

<p>Oder sogar wieder etwas von der Höhe bzw. Breite abziehen.
<br /><pre>height: calc(100vh - 100px)</pre></p>

<p>So könntest Du die PollUnit z.B. Bildschirmfüllend unter Deinen Webseiten Header platzieren.</p>

<p>Weitere Informationen findest Du in unserem <a href="https://pollunit.com/de/tutorials/embed_poll">Tutorial über das Einbetten Deiner PollUnit</a>.</p>

Question 6

Benötigen meine Teilnehmer einen Account um auf meiner Webseite abstimmen zu können?

Accepted Answer

Nein, Du kannst Deine PollUnit so konfigurieren, dass Teilnehmer ohne Account sowohl Stimmen abgeben, Bilder hochladen und neue Optionen erstellen können. Erlaubst Du die Teilnahme nur mit bestätigtem Account, so ist in diesem Fall ein Account zwingend notwendig.

Die Einstellungen dazu findest Du in den Erweiterten Einstellungen. Wie Du PollUnit einbettest zeigt Dir unser Tutorial.

Question 7

Gibt es ein Beispiel einer eingebetteten PollUnit?

Accepted Answer

Ja, wir haben ein einfaches Beispiel anhand eines Fotowettbewerbes vorbereitet. Du gelangst zu dem Beispiel unter folgendem Link: Beispiel: Fotowettbewerb auf der eigenen Homepage.

Question 8

Wie kann ich PollUnit in WIX integrieren?

Accepted Answer

Du kannst PollUnit mit Hilfe eines iFrames einbetten. Im Grunde gehst Du bei WIX genauso vor wie in unserem Tutorial über das Einbetten von PollUnit auf Deiner Webseite beschrieben. Mit dem Code-Snippet welches wir Dir zur Verfügung stellen kannst Du PollUnit über ein iFrame auf Deiner Webseite veröffentlichen. Um die Besucher Deiner PollUnit zu schützen, musst Du Deine Domain bei uns als erlaubten Host freischalten.

Achtung! WIX Webseiten rufen externe Inhalte über eine spezielle Referrer URL ab.

Wenn Du in WIX ein iFrame integrierst, ruft WIX intern die PollUnit Inhalte nicht über Deine Domain ab, sondern über »filesusr.com«. Den Host den Du freischalten musst ist damit nicht nur Deine Domain. Wenn Deine Webadresse z.B. »www.meinedomain.de« ist, ist der freizuschaltende Host auch »www-meinedomain-de.filesusr.com«. Dabei werden alle Punkte in Deiner Domain mit einem »-« (Minus) ersetzt und als Subdomain vor »filesusr.com« gehängt.

So klappt es dann auch mit Deiner eigenen Abstimmung und Deinem eigenen Fotowettbewerb in Deiner WIX Webseite.

Question 9

Mit welchen Browsern funktionieren eingebettete PollUnits?

Accepted Answer

Eingebettete Seiten sollten in allen gängigen Browsern funktionieren.

Wichtig ist, dass die einbettende Seite über ein SSL Zertifikat verfügt bzw. über https erreichbar ist. Außerdem musst Du die Domain der einbettenden Seite bei uns in die Liste der erlaubten Hosts eintragen.

PollUnit einbetten

Abstimmungen, Fotowettbewerbe und Umfragen auf der eigenen Webseite

Erweiterte Einbettungsoptionen

kill_background

kill_padding

kill_title

disable_remote_overlay

Umfragen für Dein CMS (Content Management System)

Häufig gestellte Fragen

Wie kann Ich das iFrame nach oben scrollen wenn sich der Inhalt ändert?

Kann ich Nutzerdaten, wie Name und E-Mailadresse an meine eingebettete PollUnit übergeben?

Was kann ich tun wenn PollUnit auf meiner Webseite nicht angezeigt wird?

Ich kann in der eingebetteten PollUnit nicht scrollen. Was soll ich tun?

Wie kann ich PollUnit bildschirmfüllend oder in einer anderen Größe integrieren?

Benötigen meine Teilnehmer einen Account um auf meiner Webseite abstimmen zu können?

Gibt es ein Beispiel einer eingebetteten PollUnit?

Wie kann ich PollUnit in WIX integrieren?

Mit welchen Browsern funktionieren eingebettete PollUnits?

Weitere Tutorials

Erstelle Deine erste Umfrage

Erweiterte Umfrage-Funktionen

Erweiterte Verzweigungslogik für Umfragen

Aufgaben online verteilen

Stimmen abgeben und Optionen bewerten

Finde einen Termin

Über Bilder abstimmen

Erstelle Dein eigenes Theme

Umfragen mit eigenem Logo

PollUnit Auswerten

Dot-Voting

Bewertungswahl

Live Voting

Konsens finden

Organisationen verwalten

Mehrfachteilnahmen verhindern

Spenden und Teilnahmegebühren

Bist Du bereit?