Die Mitmach-Aktion gehört auf Ihre eigene Website

Seit Version 14 lässt sich eine Share-Pic-Kampagne mit einem Codeschnipsel in die Website der Organisation einbauen. Wie das geht, was Sie dafür brauchen und wo die Grenzen liegen.

Eine Ortsgruppe plant zum Tag des Ehrenamts am 5. Dezember eine Aktion. Wer mitmacht, lädt ein Foto hoch, schreibt dazu, wo er sich engagiert und welches digitale Werkzeug ihm dabei am meisten hilft, und bekommt ein fertiges Bild zum Teilen. Im Creator ist das eine Share-Pic-Kampagne: Sie legen sie einmal an, geben den Link weiter, und alle weiteren Bilder entstehen im Browser der Teilnehmenden, ohne Konto und ohne dass ein Foto zum Server wandert.

Dann kommt die Rückfrage aus dem Vorstand: Kann das nicht direkt auf unserer Website laufen? Wer in einem Newsletter auf einen Link klickt, landet auf einer fremden Adresse und fragt sich, ob das seriös ist. Auf der eigenen Seite, zwischen den anderen Informationen zum Aktionstag, wirkt dieselbe Aktion vertrauter. Und die Besuchenden müssen die Seite nicht verlassen.

Das geht seit Version 14.

So kommt die Kampagne auf Ihre Seite

In der Kampagnenliste der Verwaltung steht neben „Link kopieren“ ein neuer Knopf: „Embed-Code“. Auch Mitarbeitende mit Zugang zur Upload-Seite finden ihn bei ihren eigenen Kampagnen, sofern die Organisation das freigeschaltet hat. Ein Klick öffnet einen Dialog mit zwei Blöcken zum Kopieren.

Der erste Block ist der Einbettungs-Code. Er sieht so ähnlich aus:

<iframe id="creator-kampagne"  src="https://…/org-upload/campaign.php?code=IHRCODE&embed=1"  title="Kampagne" style="width:100%;height:900px;border:0"  loading="lazy"></iframe>

Den fügen Sie auf Ihrer Website an der gewünschten Stelle ein. In WordPress ist das ein Block „Individuelles HTML“, andere Baukästen haben etwas Ähnliches. Die Kampagne erscheint dann in einem Rahmen mit fester Höhe von 900 Pixeln. Die Zahl lässt sich im Code ändern.

Der zweite Block ist ein kleines Skript, das Sie dahinter einfügen können. Es passt die Höhe des Rahmens an den Inhalt an, auch auf dem Handy, wo die Kampagne kürzer ist als am Bildschirm. Außerdem scrollt es zum Anfang des Rahmens, wenn das fertige Bild erscheint, damit es nicht außerhalb des sichtbaren Bereichs landet. Manche Baukästen erlauben keine Skripte. Dann bleibt es bei der festen Höhe aus dem ersten Block.

Wie es aussieht

Eingebettet erscheint die Kampagne ohne Seitenränder, ohne Trennlinien und mit transparentem Hintergrund. Titel und Logo der Kopfzeile entfallen, weil Ihre Seite meist eine eigene Überschrift hat. Der Beschreibungstext bleibt, denn er erklärt, was die Besuchenden tun sollen. Am Ende steht weiterhin die Zeile „Erstellt mit …“, falls hinterlegt mit den Links zu Datenschutz und Impressum der Organisation.

Direkt unter diesem Text läuft die Kampagne zum Thema „Digitale Tools im Ehrenamt“. Sie ist mit genau diesem Code eingebaut.

Was Sie wissen sollten

Die Kampagnenseite darf von jeder Website eingebettet werden, die den Code kennt. Einen Filter nach Domains gibt es bewusst nicht: Der Link ist öffentlich, die Seite hat keine Anmeldung und schreibt nichts außer einem anonymen Zähler. Wer eine Kampagne nicht mehr gezeigt haben will, deaktiviert sie in der Verwaltung, dann erscheint überall nur noch die Meldung, dass sie nicht verfügbar ist.

Alles andere bleibt gesperrt. Die Verwaltung, die Anmeldung und der Creator selbst lassen sich weiterhin nicht in fremde Seiten einbetten.

Bei den Daten ändert sich nichts. Die Fotos und Eingaben bleiben im Browser der Besuchenden, die Kampagnenseite setzt keine Cookies, gezählt werden nur Aufrufe und erzeugte Bilder. Sobald Sie die Kampagne in Ihre Website einbauen, sollte Ihre Datenschutzerklärung das erwähnen, denn die Einbettung findet auf Ihrer Seite statt.

Ausprobieren

Die Funktion steckt in Version 14 des Creators, in allen Adaptionen. Wer den Creator selbst betreibt, spielt die Version wie jede andere ein. Eine kurze Antwort samt Hinweisen steht in den häufigen Fragen, wie eine Kampagne angelegt wird, beschreibt das Handbuch zum Organisationsmodul.

Alle neuen Funktionen und Verbesserungen findest Du im Changelog.