Magazin-Website mit Abo-Bereich für Mac Life

Ausgangslage

Mac Life ist ein Magazin rund um Apple aus der Verlagsgruppe falkemedia in Schönkirchen bei Kiel. Es erscheint gedruckt, als digitale Ausgabe, in einer App und im Netz unter maclife.de. Die Website finanziert sich über Werbung und soll zugleich Leser für das Abo gewinnen.

Die Plattform ist über Jahre gewachsen. Sie besteht aus einer umfangreichen Drupal-Installation mit rund 60 projekteigenen Modulen, einem eigenen Theme und mehreren angebundenen Diensten. Der Verlag suchte eine Agentur, die dieses System übernimmt, stabil betreibt und gezielt weiterentwickelt.

Aufgabe

RedOrbit sollte die bestehende Website übernehmen, ohne den laufenden Betrieb zu stören. Danach ging es um Weiterentwicklung im Alltag: die Werbeauslieferung flexibler machen, Flächen für das eigene Abo-Angebot schaffen und Wünsche der Redaktion schnell und sicher live bringen.

Lösung

Die Website bringt ein umfangreiches System mit, das RedOrbit übernommen hat. Was wir seitdem selbst gebaut haben, steht im Abschnitt „Die Rolle von RedOrbit“.

Inhalte und Themen. Die Redaktion veröffentlicht News, Tests, Ratgeber, Kaufberatungen, Quiz und Podcast-Folgen. Projekteigene Controller-Module steuern die Übersichten für Kategorien, Themen und Tags. Die Startseite ist eine Panels-Seite, die sich aus einzelnen Inhaltsflächen zusammensetzt. Für mobile Suchtreffer gibt es eine eigene AMP-Ausgabe mit separatem Theme.

Abo-Bereich Mac Life+. Abonnenten und ihre Abos sind als eigene Entities abgebildet. Projekteigene Module regeln Registrierung, Login, Profil, Bestellstrecke und Zahlungswechsel. Abonnenten sehen die Seite ohne Werbung und laden die digitalen Ausgaben als PDF herunter. Bestellungen aus dem Web und Käufe in der App kommen über Webhooks von externen Zahlungs- und Abo-Diensten und schalten den Zugang frei.

Schnittstellen. Eine JSON-Schnittstelle versorgt die App mit Nachrichten, Kategorien, Suche, Magazinen und Benutzerkonto. Weitere Endpunkte prüfen Login und Abo-Status, damit dieselben Zugangsdaten in Website und App gelten. Dazu kommen Anbindungen an das Redaktionssystem der Printproduktion, an die Produktdatenbank des Verlags, an den Newsletter-Versand, an Push-Benachrichtigungen und an die Reichweitenmessung.

Werbeauslieferung. Ein projekteigenes Modul bindet die Werbenetzwerke über ein Plugin-System an. Es setzt Werbeplätze im Layout und im Artikeltext nach Zwischenüberschriften, erzeugt die ads.txt und entscheidet pro Seite, ob Werbung erscheint. Werbefrei bleiben Abonnenten, einzelne Artikel, ganze Inhaltstypen und frei definierbare Pfade.

Performance. Vor dem Webserver arbeitet Varnish. Authcache lädt personalisierte Teile wie den Login-Status nach, die Seite selbst bleibt im Cache. Als Cache-Backend dient Memcache mit Schutz vor gleichzeitigen Neuberechnungen. Bilder laden verzögert, CSS und JavaScript werden gebündelt ausgeliefert.

Redaktion. Inhaltssperren verhindern, dass zwei Personen denselben Artikel gleichzeitig bearbeiten. Beiträge lassen sich zeitgesteuert veröffentlichen, Bildausschnitte manuell festlegen und SEO-Angaben direkt im Artikel pflegen. XML- und News-Sitemaps entstehen automatisch.

Die Rolle von RedOrbit

RedOrbit hat die Website im Rahmen einer Projektübernahme vom Verlag übernommen. Wir haben eine lokale Entwicklungsumgebung mit DDEV aus Code und Datenbank aufgebaut. Jede Änderung wird dort getestet, bevor sie live geht. Seitdem betreuen wir die Website im Rahmen von Wartung und Support und entwickeln sie weiter.

Werbeauslieferung. Für die Anbindung an den Adserver haben wir die Auslieferung so erweitert, dass sich Anzeigen an beliebigen Stellen der Seite einblenden lassen, in verschiedenen Bild- und Videoformaten. Dasselbe haben wir für das Schwestermagazin DigitalPHOTO umgesetzt.

Flexible Startseite. Die oberste Fläche der Startseite lässt sich in der Redaktion umschalten: neuester Artikel, frei gestaltbarer Abo-Block oder Werbeplatz aus dem Adserver. Dafür haben wir das bestehende Panels-Element um zwei Modi erweitert.

Abo-Flächen. Ein Abo-Banner unter der Navigation und ein Menüpunkt führen zum Abo-Shop. Die Inhalte pflegt die Redaktion als Blöcke im CMS. Ein eigenes Textformat ohne Editor sorgt dafür, dass die Gestaltung beim Speichern erhalten bleibt.

Kleinere Weiterentwicklungen. Ein neues Modul blendet auf Wunsch eine globale Infobox in alle Artikel ein, gemeinsam entwickelt mit DigitalPHOTO. Dazu kamen das X-Logo in allen Teilen-Funktionen und ein Hinweis, Mac Life als bevorzugte Quelle bei Google einzustellen.

Deployment. Jede Auslieferung läuft nach einem festen Ablauf: Sicherung der betroffenen Dateien und Tabellen, Upload, idempotente Skripte für Datenbankänderungen, gezieltes Leeren des Varnish-Caches für einzelne Pfade. Für jeden Schritt gibt es einen dokumentierten Rückweg.

Ergebnis

Mac Life läuft stabil weiter und bekommt laufend neue Funktionen, ohne Neubau. Redaktion und Verlag steuern Werbung und Abo-Flächen selbst im CMS. Freie Inhalte finanzieren sich über Werbung, vertiefte Inhalte über Mac Life+, und Leser nutzen Website und App mit denselben Zugangsdaten.