White Paper. Newsletter-Formulare

Transkript

1 White Paper Newsletter-Formulare

2 Website-Integration Formulare für das sitepackage:// Newsletter-System Zum erfolgreichen Aufbau einer Newsletter-Verteilerliste gibt es viele unterschiedliche Methoden. Die wirksamste darunter ist wohl immer noch, ein Anmeldeformular auf der eigenen Website zu platzieren. Besucher können darüber ganz bequem einen Newsletter abonnieren. sitepackage:// verfügt über eine spezielle Schnittstelle und einen leistungsfähigen Formular-Manager, mit deren Hilfe sich ganz verschiedene Formularvarianten an das System anbinden lassen. Auch die Integration in Partner-Websites - etwa zur Co-Registrierung - oder in Facebook-Seiten ist damit realisierbar. Über den Inhalt Dieses Dokument enthält neben einer Spezifikation der zu verwendenden Felder und notwendigen Einstellungen im HTML-Quellcode eines Newsletter-Formulars auch zahlreiche Muster, die zur freien Verwendung in eigenen Projekten bereit stehen. Darüber hinaus sind exemplarische Texte für Erfolgs- und Fehlermeldungen enthalten, die natürlich an den individuellen Bedarf angepasst werden können. Zahlreiche Code-Beispiele verdeutlichen die Möglichkeiten, die Newsletter-Versendern zur Verfügung stehen. Empfehlungen Es wird dazu geraten, sowohl die Anmelde- als auch die Abmeldevorgänge mit großer Sorgfalt umzusetzen und zu testen, denn nur so wird man den meist hohen Ansprüchen der eigenen Zielgruppe gerecht. Empfehlenswert ist in jedem Fall die Verwendung des Double Opt-In Verfahrens für ein Newsletter-Abonnement. Es verhindert den Missbrauch eines Formulars durch Dritte und gewährleistet größtmöglichen Schutz vor Beschwerden oder sogar Abmahnungen. Aber auch die Abmeldewünsche der Empfänger sollten dringend respektiert werden. Ein entsprechender Link im Newsletter ist unbedingt Pflicht. Zusätzlich kann ein separates Formular dafür sorgen, dass Nutzer sich bequem aus Verteilerlisten austragen können. sitepackage:// gewährleistet dann, dass die jeweilige - Adresse für zukünftige Aussendungen gesperrt ist. Weitere Quellen Zusätzliche Informationen und Tipps zum -Marketing gibt es selbstverständlich auf der Website Aktuelles erfährt man über Twitter oder auf der Facebook-Seite Wenn Fragen unbeantwortet geblieben sind, steht unser Support telefonisch oder per gerne zur Verfügung. Und natürlich freut sich das gesamte sitepackage:// Team über Anregungen, Wünsche und Verbesserungsvorschläge. Stand: Dezember 2011 Seite 2 / 20

3 Spezifikation Einleitungstext Zu einem Newsletter-Formular gibt es in der Regel einen gewissen Erklärungsbedarf bzw. Informationen, die Interessenten zum Abonnement motivieren sollen. Der Einleitungstext wird am besten in einem herkömmlichen p-tag vor dem eigentlichen Formular platziert und möglichst kurz gehalten. Folgende Aspekte gilt es dabei zu berücksichtigen: Kommunikation der Vorteile oder der Mehrwerte eines Abonnements Abbau von Hemmnissen durch Begriffe wie kostenlos oder gratis Angabe zur Versandfrequenz, falls es eine feste gibt Hinweis auf das Widerspruchsrecht bzw. die einfache Abmeldung Code-Beispiel <p>registrieren Sie sich für unseren kostenlosen Newsletter mit exklusiven Angeboten. Er erscheint monatlich und kann jederzeit wieder abbestellt werden.</p> Übertragung Damit Daten aus dem Formular an das sitepackage:// Newsletter-System gesendet werden können, muss im action-attribut des form-tags eine bestimmte Adresse (URL) eingetragen werden. Als Übertragungsmethode wird post verwendet. Code-Beispiel <form action=" method="post"> </form> -Adresse Das wichtigste Feld im Newsletter-Formular ist natürlich die -Adresse. Ohne gültige Angabe einer solchen wird das Abonnement von sitepackage:// nicht verarbeitet. Das System überprüft dabei auch die Schreibweise der -Adresse und leitet auf eine entsprechende Fehlermeldung weiter, falls der Nutzer keine korrekten Daten im Feld angegeben hat. Angeraten ist der Einsatz eines input-tags vom Typ text, der über das entsprechende Attribut mit benannt wird. Stand: Dezember 2011 Seite 3 / 20

4 Wahlweise kann das Feld durch ein ergänzendes Label oder durch einen Platzhalter gekennzeichnet werden. Letzteres ist allerdings erst im Standard HTML 5 möglich, der von älteren Webbrowsern noch nicht unterstützt wird. Die neueste Browser-Generation verarbeitet auch den speziellen Feldtyp und übernimmt die client-seitige Validierung der -Adresse. Code-Beispiel: Label-Feld-Kombination <label for=" "> -adresse</label> <input name=" " type="text" id=" " /> Code-Beispiel: Feld mit Platzhalter <input name=" " type="text" placeholder="ihre -Adresse" /> Code-Beispiel: Spezieller -Feldtyp <input name=" " type=" " /> Anrede und Geschlecht Um das Geschlecht eines Abonnenten zur späteren Personalisierung des Newsletters abzufragen, bietet sich die Auswahlmöglichkeit für eine Anrede an. Das sitepackage:// Newsletter-System erkennt anhand der Werte Frau bzw. Herr, ob der Empfänger weiblich oder männlich ist, und speichert diese Information. Die Erfassung erfolgt entweder über Optionsschalter oder eine Auswahlliste mit dem Namen anrede. Eine Nutzereingabe sollte nicht verpflichtend sein, um das Prinzip der Datensparsamkeit einzuhalten. Code-Beispiel: Optionsschalter <label>anrede</label> <input name="anrede" type="radio" id="frau" value="frau" /> <label for="frau">frau</label> <input name="anrede" type="radio" id="herr" value="herr" /> <label for="herr">herr</label> Stand: Dezember 2011 Seite 4 / 20

5 Code-Beispiel: Auswahlliste <label for="anrede">anrede</label> <select name="anrede" id="anrede"> <option value="frau">frau</option> <option value="herr">herr</option> </select> Grundsätzlich kann das Geschlecht auch direkt abgefragt werden. Allerdings empfinden viele Nutzer dies als wesentlich persönlichere Information und damit unangenehmer. In manchen Prozessen lässt sich eine solche Auswahl jedoch passend integrieren. Man benutzt dann den Feldnamen geschlecht, der die Werte w oder m annehmen kann. Code-Beispiel: Geschlecht <label for="geschlecht">geschlecht</label> <select name="geschlecht" id="geschlecht"> <option value="w">weiblich</option> <option value="m">männlich</option> </select> Vor- und Nachname Für eine Personalisierung sind weiterhin die Namen der Abonnenten relevant. Sowohl der Vorname als auch der Nachname können über entsprechend benannte Felder erfasst werden. Dazu eignen sich ähnlich wie bei der -Adresse input-tags vom Typ text. Sie sollten zusätzlich eindeutig beschriftet werden, zum Beispiel mit Labels, die über for-attribute an die jeweiligen Felder gebunden werden. Auch die Angabe dieser Daten darf in der Regel nicht Voraussetzung für ein Abonnement sein. Manche Empfänger bevorzugen es anonym zu bleiben. Diesem Wunsch sollte man entsprechen. Das sitepackage:// Newsletter-System setzt bei einer Ansprache in -Kampagnen dann eine neutrale Anredeform ein. Code-Beispiel <label for="vorname">vorname</label> <input name="vorname" type="text" id="vorname" /> <label for="nachname">nachname</label> <input name="nachname" type="text" id="nachname" /> Stand: Dezember 2011 Seite 5 / 20

6 Firma Im B2B-Bereich kann die Kenntnis über das Unternehmen, in dem ein Abonnent beruflich tätig ist, von großem Nutzen sein. Daher lässt sich auch die Firma im Anmeldevorgang erfassen. Genau wie beim Vor- und Nachnamen setzt man dazu einen input-tag vom Typ text, benennt diesen aber mit firma. Die Firmenbezeichnung kann natürlich im Text einer personalisierten ausgegeben werden. Code-Beispiel <label for="firma">firma</label> <input name="firma" type="text" id="firma" /> -Format Newsletter werden aus sitepackage:// heraus sowohl im HTML- als auch im Nur-Text-Format versendet. Um es Abonnenten zu ermöglichen, die bevorzugte Variante zu bestimmen, kann das gewünschte -Format abgefragt und gespeichert werden. Dazu werden wahlweise Optionsschalter oder eine Auswahlliste mit dem Namen format eingesetzt, die den Wert html bzw. text annehmen dürfen. Code-Beispiel: Optionsschalter <label>bevorzugtes Format</label> <input name="format" type="radio" id="html" value="html" /> <label for="html"><abbr title="hypertext Markup Language">HTML</abbr> (mit Bildern)</label> <input name="format" type="radio" id="nurtext" value="text" /> <label for="nurtext">nur-text</label> Code-Beispiel: Auswahlliste <label for="format">bevorzugtes Format</label> <select name="format" id="format"> <option value="html">html</option> <option value="text">nur-text</option> </select> Verteilerlisten Eine zentrale Funktion des sitepackage:// Newsletter-Systems ist die Gruppierung von Abonnenten in Verteilerlisten, um zielgruppenspezifische Kampagnen zu versenden. Die Zuordnung kann dabei durch den Versender erfolgen, es ist aber auch möglich, Empfängern die Auswahl zu überlassen. Diese können dann entscheiden, welche Themen besonders interessant sind und sich im Anmeldeprozess selbst in passende Verteiler eintragen. Stand: Dezember 2011 Seite 6 / 20

7 Dazu sollte erst entschieden werden, ob ein Abonnent nur in einer oder in mehreren Listen gleichzeitig stehen darf. Für eine Einfachauswahl empfehlen sich dann Optionsschalter bzw. Auswahllisten, für eine Mehrfachauswahl setzt man auf Kontrollkästchen. Unabhängig davon welchen Feldtyp man verwendet, muss der Name verteiler[] gesetzt werden, damit sitepackage:// die Daten einlesen kann. In die value-attribute trägt man die IDs der gewünschten Verteilerlisten ein, übrigens ganz unabhängig von den id-attributen. Dazu müssen diese vorher im System angelegt worden sein. Die Bezeichungen werden von sitepackage:// eigenständig generiert und lassen sich dort ablesen. Code-Beispiel: Mehrfachauswahl <input name="verteiler[]" type="checkbox" value="bezeichnung-a" id="verteiler01" /> <label for="verteiler01">verteiler A</label> <input type="checkbox" name="verteiler[]" value="bezeichnung-b" id="verteiler02" /> <label for="verteiler02">verteiler B</label> <input type="checkbox" name="verteiler[]" value="bezeichnung-c" id="verteiler03" /> <label for="verteiler03">verteiler C</label> Code-Beispiel: Einfachauswahl <label for="verteiler">interesse</label> <select name="verteiler[]" id="verteiler"> <option value="bezeichung-a">verteiler A</option> <option value="bezeichung-b">verteiler B</option> <option value="bezeichung-c">verteiler C</option> </select> Um die Zuordnung zu einzelnen Verteilerlisten wieder zu entfernen, kann ein Feld mit dem Namen verteiler_entfernen[] benutzt werden. Meistens platziert man es versteckt im Formular und nutzt dazu den entsprechenden Typ hidden. Als Wert muss ebenfalls die ID der Liste hinterlegt werden. Code-Beispiel: Verteiler entfernen <input type="hidden" name="verteiler_entfernen[]" value="bezeichnung" /> Darüber hinaus ist auch ein vollständiges Zurücksetzen der Verteilerzugehörigkeit eines Abonnenten realisierbar. Dazu steht ein Feld mit dem Namen verteiler_zuruecksetzen zur Verfügung, das in der Regel ebenfalls versteckt in das Formular integriert wird. Stand: Dezember 2011 Seite 7 / 20

8 Code-Beispiel: Verteiler zurücksetzen <input type="hidden" name="verteiler_zuruecksetzen" /> Projektdomain Um die An- bzw. Abmeldung einem bestimmten Account im sitepackage:// Newsletter-System zuordnen zu können, muss im Formular die Projektdomain hinterlegt werden. Es ist die gleiche Domain, die auch beim Kundenlogin erforderlich ist. Sie wird immer ohne Subdomain geschrieben, also ohne vorangestelles www. Am besten geschieht dies über ein verstecktes Feld. Es muss mit domain benannt werden und erhält einen entsprechenden Eintrag im value-attribut. Code-Beispiel <input type="hidden" name="domain" value="ihredomain.de" /> Formular-ID Das sitepackage:// Newsletter-System kann über den integrierten Formular-Manager mehrere unterschiedliche Formular verarbeiten, zum Beispiel wenn diese auf verschiedenen Websites platziert werden. Um auf das jeweilige Formular richtig reagieren zu können, muss eine ID hinterlegt werden, über die sitepackage:// selbiges identifiziert. Dazu wird ebenfalls ein verstecktes Feld mit dem Namen id verwendet und im value-attribut eine geeignete Bezeichnung eingetragen. Code-Beispiel <input type="hidden" name="id" value="bezeichnung" /> Aktion Wird eine Kombination aus An- und Abmeldeformular eingesetzt, dann ist es notwendig, sitepackage:// mitzuteilen, welche Aktion in einem konkreten Fall ausgeführt werden soll. Dazu können z.b. zwei Optionsschalter genutzt werden. Sie müssen mit aktion benannt werden und erhalten entweder den Wert anmelden für ein Abonnement oder abmelden für dessen Deaktivierung. Code-Beispiel <input name="aktion" type="radio" value="anmelden" id="anmelden" /> <label for="anmelden">abonnieren</label> Stand: Dezember 2011 Seite 8 / 20

9 <input name="aktion" type="radio" value="abmelden" id="abmelden" /> <label for="abmelden">abbestellen</label> Schaltfläche Damit Anwender die Übermittlung der Formulardaten an das sitepackage:// Newsletter-System auslösen können, wird üblicherweise eine Schaltfläche eingesetzt. Diese kann über ein button- oder ein input-element vom Typ submit erstellt werden. Ersteres erlaubt eine etwas größere Gestaltungsfreiheit, da nicht ausschließlich Texte, sondern beispielsweise auch Bilder zwischen dem einleitenden und dem schließenden HTML-Tag gesetzt werden können. Eine weitere Lösung steht mit dem Feldtyp image zur Verfügung. Bei diesem kann über das src-attribut eine Grafik referenziert werden, die dann als Schaltfläche fungiert. Code-Beispiel: button-schaltfäche <button type="submit">jetzt abonnieren</button> Code-Beispiel: input-schaltfläche <input type="submit" value="abmelden" /> Code-Beispiel: Bild-Schaltfläche <input type="image" src="adresse" value="senden" /> Zusatzhinweise Oft macht es Sinn oder ist sogar zwingend notwendig, zusätzliche Informationen zu einem Newsletter-Formular zu liefern. Solche Hinweise, die sich beispielsweise auf das Thema Datenschutz beziehen oder das Anmeldeverfahren (Double Opt-In) näher erläutern, können unterhalb des Formulars in einem p-tag stehen. Code-Beispiel <p>ihre Anmeldung erfolgt durch das sichere Double Opt-In Verfahren. Sie erhalten dabei eine Nachricht mit einem Bestätigungslink an Ihre -Adresse. Klicken Sie diesen Link unbedingt an, um das Abonnement abzuschließen. Wir verwenden Ihre Daten nur zum Versand unseres Newsletters und geben diese nicht an Dritte weiter. Bitte beachten Sie in diesem Zusammenhang auch unsere Datenschutzerklärung.</p> Stand: Dezember 2011 Seite 9 / 20

10 Musterformulare für das Abonnement Variante 1: Nur -Adresse Die einfachste Form eines Newsletter-Formulars ist zugleich die mit der höchsten Nutzerakzeptanz. Es wird dabei lediglich eine -Adresse des potenziellen Abonnenten und damit die einzige echte Mindestvoraussetzung für den Empfang abgefragt. Weil nur wenige Entscheidungen getroffen bzw. wenige Daten angegeben werden müssen, erleichtert man interessierten Website-Besuchern die Anmeldung zum Newsletter. Das folgende Beispiel eignet sich daher auch gut zur Einbettung in eine Sidebar oder Zusatzspalte auf allen Unterseiten mit passendem Inhalt. <p>abonnieren Sie unseren Newsletter! Abmeldung ist jederzeit möglich.</p> <form action=" method="post"> <label for=" ">ihre -Adresse</label> <input name=" " type="text" id=" " /> <input type="hidden" name="domain" value="ihredomain.de" /> <input type="hidden" name="id" value="newsletter-abonnement" /> <button type="submit">jetzt registrieren</button> </form> Variante 2: Auswahl des -Formats Um es Newsletter-Abonnenten zu ermöglichen, statt HTML- bzw. Multipart- s auch ausschließlich Nur- Text-Nachrichten zu empfangen, kann das jeweils bevorzugte -Format abgefragt werden. Im folgenden Beispiel geschieht das über zwei Optionsschalter, die entsprechend beschriftet sind. Die Frage nach dem Format wird dann empfohlen, wenn davon ausgegangen werden kann, dass die Zielgruppe eine fundierte Entscheidung treffen kann. Gegebenenfalls ist es sinnvoll, den Unterschied genauer zu erläutern bzw. zu visualisieren, etwa durch zwei Screenshots. <p>melden Sie sich zu unserem regelmäßig erscheinenden Newsletter an. Wählen Sie dazu bitte auch Ihr bevorzugtes -Format.</p> <form action=" method="post"> <fieldset> <label for=" "> -adresse</label> <input name=" " type="text" id=" " /> <br /> Stand: Dezember 2011 Seite 10 / 20

11 <label> -format</label> <input name="format" type="radio" id="html" value="html" /> <label for="html"><abbr title="hypertext Markup Language">HTML</abbr> (mit Bildern)</label> <input name="format" type="radio" id="nurtext" value="text" /> <label for="nurtext">nur-text</label> <fieldset> <input type="hidden" name="domain" value="ihredomain.de" /> <input type="hidden" name="id" value="newsletter-abonnement" /> <button type="submit">newsletter abonnieren</button> </form> Variante 3: Angaben zur Personalisierung Möchte man seine Abonnenten im Newsletter persönlich ansprechen, ist es erforderlich neben der - Adresse auch den Namen zu erfragen. Je nachdem, ob informell mit du oder eher formell mit Sie kommuniziert wird, liegt der Fokus dabei auf dem Vor- bzw. Nachnamen. Wichtig ist vor allem, das Geschlecht des interessierten Nutzers zu erfahren, um die Begrüßung darauf abzustimmen. Am besten gelingt dies durch die Frage nach der Anrede und der entsprechenden Auswahlmöglichkeit Frau oder Herr. sitepackage:// weist dann automatisch ein Geschlecht zu, das anschließend bei der Personalisierung eingesetzt werden kann. Aufgrund des Gebots zur Datensparsamkeit sollten Anrede und Namen jedoch keine Pflichtangaben sein. <p>melden Sie sich mit Ihrer -Adresse zu unserem Newsletter an. Tragen Sie auf Wunsch auch Ihren Namen ein, damit wir Sie persönlich ansprechen können.</p> <form action=" method="post"> <fieldset> <label>anrede</label> <input name="anrede" type="radio" id="frau" value="frau" /> <label for="frau">frau</label> <input name="anrede" type="radio" id="herr" value="herr" /> <label for="herr">herr</label> <br /><br /> Stand: Dezember 2011 Seite 11 / 20

12 <label for="vorname">vorname</label> <input name="vorname" type="text" id="vorname" /> <br /> <label for="nachname">nachname</label> <input name="nachname" type="text" id="nachname" /> <br /><br /> <label for=" "> -adresse <abbr title="mindestangabe">*</abbr></label> <input name=" " type="text" id=" " /> <fieldset> <input type="hidden" name="domain" value="ihredomain.de" /> <input type="hidden" name="id" value="newsletter-abonnement" /> <button type="submit">abonnieren</button> </form> <p>ihre Anmeldung erfolgt durch das sichere Double Opt-In Verfahren. Wir verwenden Ihre Daten nur zum Versand unseres Newsletters und geben diese nicht an Dritte weiter. In jedem Newsletter haben Sie die Möglichkeit, sich aus dem Verteiler abzumelden.</p> Variante 4: Mehrfachauswahl für Verteilerlisten Um Abonnenten zu erlauben, Newsletter zu unterschiedlichen Themengebieten zu beziehen, können Verteilerlisten eingesetzt werden. Nutzer wählen dann bei der Registrierung aus, welche davon für sie interessant sind. Die Verteilerlisten müssen vorher im sitepackage:// Newsletter-System angelegt worden sein. Im folgenden Beispiel stehen sie über Kontrollkästchen zur mehrfachen Auswahl. Denkbar sind ebenso Optionsschalter oder Auswahllisten zur ausschließenden Selektion. Entscheidend ist, dass die IDs der Verteilerlisten aus sitepackage:// übernommen und per Werteattribut (value) übergeben werden. Gelegentlich wird dem Nutzer die Auswahl durch versteckte Verteilerfelder auch abgenommen, zum Beispiel um Anmeldungen einer bestimmten Quelle oder einer Sprache zuzuordnen. <p>melden Sie sich mit Ihrer -Adresse zu unserem Newsletter an. Wir informieren Sie dann regelmäßig über die für Sie interessanten Themen.</p> <form action=" method="post"> <fieldset> <label for=" "> -adresse <abbr title="mindestangabe">*</abbr></label> <input name=" " type="text" id=" " /> <p>ich habe Interesse an folgenden Themenbereichen:</p> Stand: Dezember 2011 Seite 12 / 20

13 <input type="checkbox" name="verteiler[]" value="verteiler-a" id="verteiler01" /> <label for="verteiler01">verteiler A</label> <br /> <input type="checkbox" name="verteiler[]" value="verteiler-b" id="verteiler02" /> <label for="verteiler02">verteiler B</label> <br /> <input type="checkbox" name="verteiler[]" value="verteiler-c" id="verteiler03" /> <label for="verteiler03">verteiler C</label> <fieldset> <input type="hidden" name="domain" value="ihredomain.de" /> <input type="hidden" name="id" value="newsletter-abonnement" /> <button type="submit">abonnieren</button> </form> <p>ihre Anmeldung erfolgt durch das sichere Double Opt-In Verfahren. Wir verwenden Ihre Daten nur zum Versand unseres Newsletters und geben diese nicht an Dritte weiter. In jedem Newsletter haben Sie die Möglichkeit, sich aus dem Verteiler abzumelden.</p> Fehler beim Abonnement Trägt ein Interessent eine ungültige -Adresse ein, wird er auf eine Fehlermeldung weitergeleitet. Diese könnte folgendermaßen betextet sein. Wichtig ist ein Link, der zum eigentlichen Formular zurückführt, damit der Nutzer seine Angaben korrigieren kann. <h3>fehlermeldung</h3> <p>ein Fehler ist aufgetreten. Ihr Abonnement konnte nicht ausgeführt werden. Geben Sie mindestens eine gültige -Adresse ein, unter der Sie den Newsletter empfangen möchten. Bitte korrigieren Sie Ihre Angaben und versuchen es dann erneut.</p> <a href="javascript:history.back()">«zurück zum Formular</a> Erfolgsmeldung nach Opt-In Nach der erfolgeichen Registrierung wird der Interessent auf eine entsprechende Seite geleitet. Diese sollte darauf hinweisen, dass der Anmeldevorgang erst abgeschlossen ist, wenn der Nutzer einen Bestätigungslink anklickt, der ihm per zugestellt wird. Je verständlicher dieses Verfahren erklärt wird, desto niedriger ist die Abbruchquote im gesamten Prozess. <h3>abonnement bestätigen</h3> Stand: Dezember 2011 Seite 13 / 20

14 <p>ihre Anmeldung zu unserem Newsletter war erfolgreich. In Kürze erhalten Sie eine mit einem Bestätigungslink. Klicken Sie diesen bitte unbedingt an, um Ihre Anmeldung abzuschließen und danach regelmäßig Informationen per von uns zu bekommen.</p> <p><a href="/">weiter»</a></p> Erfolgsmeldung nach Double Opt-In Nach Anklicken des Bestätigungslinks wird eine weitere Erfolgsmeldung aufgerufen. Sie informiert den Nutzer darüber, dass er nun Abonnent des Newsletters ist und regt im folgenden Beispiel zusätzlich dazu an, die Absenderadresse in das eigene Adressbuch aufzunehmen. Dies kann eine bessere Zustellbarkeit gewährleisten. Die Seite kann ergänzend dazu verwendet werden, spezielle Vorteils- oder Willkommensangebote zu unterbreiten. <h3>abonnement abgeschlossen</h3> <p>sie haben Ihr Abonnement bestätigt. Wir freuen uns, Sie als neuen Empfänger begrüßen zu dürfen und werden Ihnen ab sofort unseren Newsletter regelmäßig zusenden. Sollten Sie Fragen oder Anregungen haben, sprechen Sie uns gerne an.</p> <p>um einen optimalen Empfang des Newsletters zu gewährleisten, nehmen Sie am besten unsere Absenderadresse in Ihr Adressbuch auf.</p> <p><a href="/">weiter»</a></p> Musterformular für die Abmeldung Ein Abmeldeformular ist nicht zwingend erforderlich, wenn in jeder Newsletter-Ausgabe ein passender Abmelde-Link hinterlegt ist. Allerdings möchten sich manche Empfänger auch aus dem Abonnentenkreis entfernen lassen, wenn Sie aktuell gerade keine -Nachricht über das sitepackage:// Newsletter-System erhalten oder einen alten Newsletter zur Hand haben. Solche Nutzer suchen dann auf der Website des Versenders nach dem gewünschten Formular. Dieses kann man in der Form anbieten anbieten, wie im folgenden Muster ersichtlich wird. <p>bitte geben Sie Ihre -Adresse an, um das Newsletter-Abonnement zu beenden.</p> <form action=" method="post"> <fieldset> <label for=" "> -adresse <abbr title="mindestangabe">*</abbr></label> <input name=" " type="text" id=" " /> Stand: Dezember 2011 Seite 14 / 20

15 <fieldset> <input type="hidden" name="domain" value="ihredomain.de" /> <input type="hidden" name="id" value="newsletter-abmeldung" /> <button type="submit">abmelden</button> </form> Fehler bei der Abmeldung Hat ein Nutzer eine -Adresse angegeben, die syntaktisch nicht korrekt oder aber im Adressbestand des Empfängers nicht vorhanden ist, leitet das sitepackage:// Newsletter-System auf eine Fehlermeldung weiter. Sie könnte folgenden Text haben und praktischerweise einen Link zurück zum Abmeldeformular enthalten, damit der Nutzer Abmeldewillige seine Eingaben korrigieren kann. <h3>fehlermeldung</h3> <p>ihre Abmeldung von unserem Newsletter konnte nicht durchgeführt werden. Bitte geben Sie eine gültige -Adresse an, mit der Sie in unserem Verteiler gespeichert sind. Korrigieren Sie einfach Ihre Angaben und versuchen es dann erneut.</p> <p><a href="javascript:history.back()">«zurück zum Formular</a></p> Erfolgsmeldung nach Opt-Out Nach einer erfolgreichen Austragung aus dem Bestand der aktiven Abonnenten leitet sitepackage:// auf eine Erfolgsmeldung weiter. Sie bestätigt dem Anwender, dass seinem Wunsch entsprochen worden ist und er in Zukunft keine Newsletter-Ausgaben mehr enthält. Die Seite kann auch dazu genutzt werden, um Gründe für die Abmeldung zu erfragen oder auf alternative Informationskanäle wie etwa soziale Netzwerke hinzuweisen. Ein weiteres denkbares Szenario ist es, auf eine Neuanmeldung zu verweisen, falls der Nutzer den Newsletter zukünftig unter einer geänderten -Adresse empfangen möchte. <h2>abmeldung erfolgreich</h2> <p>sie haben sich nun vom Newsletter abgemeldet. Ihre -Adresse wurde aus unserem Verteiler entfernt. Natürlich freuen wir uns, wenn Sie den Newsletter in Zukunft weiter erhalten möchten und ihn erneut abonnieren.</p> <p><a href="/">weiter»</a></p> Stand: Dezember 2011 Seite 15 / 20

16 Muster für ein kombiniertes Formular Eine einfache Lösung für das Abbilden von An- und Abmeldeprozessen auf einer zentralen Seite stellt ein kombiniertes Formular dar. Darin gibt der Nutzer seine -Adresse und bei Bedarf weitere Daten an. Außerdem wird er vor die Wahl gestellt, ob er in den Verteilerkreis aufgenommen oder daraus entfernt werden soll. Durch input-elemente vom Typ radio mit dem Namen aktion kann bestimmt werden, wie das sitepackage:// Newsletter-System auf das Absenden der Formulardaten reagieren soll. Bei Übergabe des Wertes anmelden erfolgt die Eintragung, bei abmelden die Austragung aus dem Adressbestand. <p>hier können Sie unseren Newsletter abonnieren und diesen auch wieder abbestellen.</p> <form action=" method="post"> <fieldset> <label for=" ">ihre -Adresse</label> <input name=" " type="text" id=" " /> <fieldset> <label>newsletter</label> <input name="aktion" type="radio" id="anmelden" value="anmelden" /> <label for="anmelden">abonnieren</label> <input name="aktion" type="radio" id="abmelden" value="abmelden" /> <label for="abmelden">abbestellen</label> <fieldset> <input type="hidden" name="domain" value="ihredomain.de" /> <input type="hidden" name="id" value="newsletter-abonnement" /> <button type="submit">senden</button> </form> Stand: Dezember 2011 Seite 16 / 20

17 Testprozeduren Um sich von der Funktionsfähigkeit eines Formulars zu überzeugen, sollte man dieses eingehend testen. Dazu werden üblicherweise einige wiederkehrende Prozeduren durchlaufen. Die folgende Aufstellung kann als Checkliste genutzt werden, um den Testlauf zu protokollieren. Treten Fehler auf, empfiehlt sich eine unmittelbare Korrektur und die Dokumentation der Fehlerursache zur späteren Behebung. Mindestangaben Lässt sich das Formular erfolgreich absenden, wenn lediglich die Pflichtfelder ausgefüllt worden sind? In der Regel ist dies ausschließlich die -Adresse. Nach der Übertragung sollte die passende Erfolgsmeldung angezeigt werden. Vollständigkeit Werden alle Formulareingaben gespeichert? Durch Ausfüllen aller vorhandenen Felder kann überprüft werden, ob diese korrekt benannt sind und von sitepackage:// verarbeitet werden. Nach dem Absenden muss eine Erfolgsmeldung erscheinen und die eingetragenen Daten sollten im System erfasst sein. Double Opt-in Link Funktioniert der Double Opt-in Link? Im Verlauf eines Abonnements generiert das sitepackage:// Newsletter- System bei entsprechender Konfiguration einen Bestätigungslink, den der Benutzer anklicken muss, um seine Registrierung abzuschließen. Es sollte sichergestellt werden, dass der Link funktioniert und danach eine korrekte Erfolgsmeldung geladen wird. Fehlermeldungen Sind die Fehlermeldungen erreichbar und richtig betextet? Die URLs der Meldungen müssen gültig und erreichbar sein und sollten dem Benutzer einen Hinweis geben, welche Eingabefehler er gemacht haben könnte. Man teste dazu am besten das Auslassen eines jeden Pflichtfeldes sowie falsche Schreibweisen, z.b. für die - Adresse. Zeichensatz Werden Sonderzeichen richtig verarbeitet? Je nachdem welchen Zeichensatz die HTML-Seite verwendet, in der sich das Newsletter-Formular befindet, kann es zu Übertragungsfehlern kommen. Dazu sollte die Erfassung besonderer Zeichen wie Umlauten getestet werden. Werden diese im System nicht korrekt wiedergegeben, muss gegebenenfalls der Zeichensatz im Dokument oder in der Formularkonfiguration angepasst werden. Stand: Dezember 2011 Seite 17 / 20

18 Impressum Enthalten alle -Nachrichten ein vollständiges Impressum? Auch während der An- und Abmeldeprozesse sollten diese gesetzlich vorgeschriebenen Angaben gemacht werden. In der Regel stehen Sie im Fußbereich der jeweiligen s. Abonnement Erscheint ein neuer Empfänger wirklich in der Abonnentenliste? Nach Durchlaufen des Double Opt-in muss der entsprechende Datensatz im sitepackage:// Newsletter-System in der Übersicht der Abonnenten sichtbar sein. Man sollte auch überprüfen, ob etwaige Verteilerzuordnungen korrekt vorgenommen worden sind. Abmeldung Wird ein abgemeldeter Nutzer wirklich für den weiteren Empfang gesperrt? Nach Durchlaufen des Opt-out muss der entsprechende Datensatz in der Übersicht der Abgemeldeteten auftauchen. Und zwar ist hier nur noch die -Adresse gespeichert, um die Zustellung weiterer Newsletter zu verhindern. Stand: Dezember 2011 Seite 18 / 20