So nutzen Sie Endloses Scrollen in Drupal Views

Haben Sie sich jemals dabei ertappt, wie Sie stundenlang auf Social-Media-Plattformen wie Twitter Memes angesehen, lustige Videos geliked und retweetet haben, ohne die Zeit aus den Augen zu verlieren? Mir ging es so: Wenn der Scrollbalken die Größe eines Reiskorns erreicht, halte ich inne, um zu erkennen, wie viel Zeit ich in sozialen Medien verschwendet habe. Ich bereue, diese Zeit nicht produktiver genutzt zu haben – und scrolle dann weiter. Das wirft die Frage auf: Warum können wir nicht aufhören zu scrollen? Ja, Sie haben es erraten: Es ist der berüchtigte Infinite Scroll.

Was ist Infinite Scroll?

Es ist eine Technik, bei der Inhalte dynamisch zur Seite hinzugefügt werden, während Sie scrollen, anstatt Paginierung zu verwenden, um zu anderen Artikeln oder Beiträgen zu navigieren. Klingt einfach und ist äußerst effektiv. Allerdings habe ich nicht erwähnt, ob der Effekt nachteilig oder vorteilhaft ist. Es gibt viele Kontroversen darüber, ob es eine optimale Idee ist. Letztendlich müssen Sie entscheiden, ob es für Sie oder Ihre Website das Richtige ist.

Ist Infinite Scroll die richtige Wahl für mich?

An diesem Punkt ist klar, welche Vorteile Infinite Scroll bietet. Es sorgt dafür, dass Nutzer länger auf der Seite oder Website verweilen, was die Werbeeinnahmen und die Lesezeit erhöht. 

Man könnte es eine Ironie des Schicksals nennen, aber Google rät von der Verwendung von Infinite Scroll für die Suche ab. Apropos Google und Nutzersuche: Ein weiteres Merkmal, das das Scrollen zu einer schlechten Idee macht, ist, dass Sie den Inhalt nicht wiederfinden können, wenn Sie ihn erneut ansehen möchten, selbst wenn sich die URL mit der Seitenzahl ändert. 

Ist Infinite Scroll also eine schlechte Idee? Die Antwort lautet: „Auf keinen Fall!!!“.

Sehen Sie sich Facebook und Twitter an: Ohne Infinite Scrolling würde ihr Umsatz wahrscheinlich halbiert. Aber wenn Sie mich fragen, würde ich Ihnen raten, der Herde nicht blind zu folgen. Wie bereits erwähnt, kommt es ganz auf Ihre Bedürfnisse an. Für einen Artikel oder einen Blog ist es eine schlechte Idee, denn ich bin der Meinung, dass die Leute meine Artikel lesen sollten, weil sie interessiert und fasziniert sind, nicht weil sie gelangweilt sind. Für soziale Medien belegen die Statistiken, dass sie sich als effektiv erwiesen haben. Aber letztendlich liegt es an Ihnen, ob Sie die Idee des Infinite Scroll beibehalten oder verwerfen möchten.

Drupal bietet das Views Infinite Scroll Modul, das zur Implementierung der Scroll-Funktionalität verwendet wird. An diesem Punkt sollten Sie entschieden haben, ob Infinite Scroll für Ihre Website sinnvoll ist oder nicht. Hey, wenn Sie sich dafür entschieden haben, zeige ich Ihnen, wie Sie es mit dem Views Infinite Scroll Modul in Drupal implementieren können.

Views Infinite Scroll Modul installieren

Das Views Infinite Scroll Modul nutzt, wie der Name schon sagt, Views, um diesen Infinite Scroll Effekt zu implementieren. 

Öffnen Sie das Terminal und verwenden Sie den folgenden Drush-Befehl, um das Views Infinite Scroll Modul zu installieren und zu aktivieren. Das manuelle Installieren und Aktivieren des Moduls funktioniert ebenfalls. Machen Sie sich also keine Sorgen, wenn Sie nicht mit Drush arbeiten können.

drush en views_infinite_scroll -y

Ich demonstriere dies, indem ich einen Node erstelle, der das Views Infinite Scroll Modul verwendet, um meine Artikel beim Scrollen zu meiner Seite hinzuzufügen. Anfangs sah meine Seite wie das unten gezeigte Bild aus: Alle Artikel befanden sich auf einer einzigen Seite, von Artikel 1 bis 6.

Lassen Sie uns nun eine Seite erstellen, die das Scrollen nutzt.

Gehen Sie zu Struktur > Views > View hinzufügen > View benennen > das Kästchen 'Seite erstellen' ankreuzen.

Danach klicken Sie auf Speichern und bearbeiten.

Nachdem die Seite erstellt wurde, müssen wir sie konfigurieren. In meinem Fall möchte ich nur Artikel auf meiner Seite haben, daher habe ich einen Filter hinzugefügt. Wenn Sie diesen Filter ebenfalls hinzufügen möchten, klicken Sie auf

Hinzufügen > Inhaltstyp > +Filterkriterien hinzufügen und konfigurieren > Das Kästchen 'Artikel' ankreuzen > Anwenden

Nun müssen wir den Infinite Scroll zum Pager hinzufügen. Klicken Sie auf Mini im Radio-Button "Infinite Scroll" und klicken Sie auf Anwenden.

Nachdem wir das richtig eingestellt haben, habe ich die 'Elemente pro Seite' auf 2 gesetzt – das ist die Anzahl der Elemente, die Sie jedes Mal laden möchten. Aktivieren Sie dann 'Inhalt automatisch laden' oder lassen Sie es deaktiviert, wenn Sie den Inhalt per Klick auf einen Button laden möchten.

Klicken Sie auf Anwenden. Wir sind noch nicht fertig, wir müssen AJAX Infinite Scroll aktivieren. AJAX wird verwendet, um Inhalte auf der Webseite hinzuzufügen. Dies geschieht, ohne die Seite neu zu laden, indem AJAX Daten asynchron an den Server sendet und empfängt. Wenn AJAX bereits aktiviert ist, wird Ihnen ein 'Ja' angezeigt, wie im Screenshot unten. Wenn es nicht aktiviert ist, sehen Sie ein 'Nein'. Klicken Sie darauf, aktivieren Sie 'AJAX verwenden' und klicken Sie dann auf Anwenden.

Klicken Sie auf Speichern. Nachdem wir den Infinite Scroll aktiviert haben, sieht die von uns erstellte Seite wie unten gezeigt aus. Wenn wir nach unten scrollen, wird der Inhalt automatisch vom Modul geladen.

Jetzt können Sie die Aufmerksamkeit Ihrer Nutzer fesseln, indem Sie sie in einer Endlosschleife Ihrer Inhalte halten und sie in den Abgrund scrollen lassen.