E-Mail-Adresse und -Formular schützen. – auch mit Quiz!

Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –
"Advanced Editor Tools – ist so klasse!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-2

Anklickt Classic-Editor mit Advanced Editor Tools
"Advanced Editor Tools – ist das ausgezeichnete!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und …
"Advanced Editor Tools – ist so sehr gut !"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-7

… die Welt gehört dem, der sie genießt.
"Advanced Editor Tools – und tut sehr gut!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-4

Advanced Editor Tools aktive Installationen: 2+ Millionen
"Advanced Editor Tools – ist so fabelhaft!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-5

Ansprechend! – so gehts hier zur Lancierung
"Advanced Editor Tools – ist de luxe!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-6

… und NEU! – Classic Widgets
"Classic Widgets – sind so grandiose!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum und Frontend ist Frontend
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
"Advanced Editor Tools – ist so fein!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Hier geht es darum, wie man sowohl die E-Mail-Adresse als auch das E-Mail-Formular vor unerwünschten Spam-Anfragen schützen kann. Es gibt verschiedene Möglichkeiten, um dieses Ziel zu erreichen, darunter die Verwendung von CAPTCHAs, Honeypots oder Quiz-Formularen. Eine Möglichkeit ist beispielsweise das Einrichten eines Kontaktformulars mit dem WordPress-Plug-in "Contact Form 7" und dem zugehörigen Spam-Schutz-Plug-in "Really Simple Captcha". Zudem kann man durch die Verwendung von Quiz-Formularen dafür sorgen, dass nur echte Nutzer Zugriff auf das Formular haben.

E-Mail-Adresse

E-Mail-Adresse verschlüsselt

Function Reference/antispambot

Grundlegender Schutz mittels Shortcode:

Fügen Sie den Code von "Examples" in die functions.php ein. Diesen finden Sie unter: developer.wordpress.org/reference/functions/antispambot/

Verwenden Sie anschließend den Shortcode mit der E-Mail-Adresse in Ihrem Beitrag oder auf Ihrer Seite:

[email]]john.doe@mysite.com[[/email]

Um Spambots zu blockieren, werden ausgewählte E-Mail-Adressen in HTML-Entitäten konvertiert. Dabei werden nicht alle Zeichen der E-Mail-Adresse konvertiert. Die Auswahl ist zufällig und ändert sich somit bei jedem Aufruf der Funktion.

Möchten Sie die E-Mail-Adresse nicht visuell darstellen, ändern Sie den obigen Code, der aus dem Link in der functions.php hervorgeht, wie folgt:

von return sprintf( '<a href="%s">%s</a>'

in return sprintf( '<a href="%s">E-Mail</a>'

Die Snippets zur functions.php ab ins Plug-in Code Snippets.
Mit Obhut der Codes! – so bleibt das auch nach Theme-Update.
Oder Childs Theme! – zum Beitrag Quick Child Theme Generator.
So zum Workflow und Browser Cache s. das Plug-in reBusted!

Plug-in Anti-Spambot

Ein gut gewartetes Plug-in ist immer die bessere Wahl.

Anti-Spambot

Dieses Plug-in verschleiert E-Mails über die Syntax ... [/ email] mit integrierter WordPress-Codex-Funktionalität.

Alternative Varianten

  • user@example.com?subject=foo+bar&body=baz [/ email] erstellt einen mailto: -Link mit bereits ausgefülltem Betreff und Text.
  • user@example.com [/ email] zeigt nur die E-Mail ohne einen Link an, der sie einhüllt.
  • user@example.com [/ email] zeigt den Text "hier klicken" mit einem Link zur E-Mail-Adresse an.

Nachlese

15-moeglichkeiten-die-e-mail-adresse-geschuetzt-darzustellen,
e-mail-sicherheit/e-mail-adresse-schuetzen

E-Mail-Formular

Folgendes zum E-Mail-Formular gilt als kleiner Merkzettel. Die Anwendung des Plug-ins geht aus sich selbst hervor. Im Beschrieb ist hier kurz die Herstellung des anschließenden Quiz.

E-Mail-Formular

Contact Form 7

  • E-Mail-Formular "Contact Form 7" über Plugins (Dashboard WordPress) hochladen; den generierten Code auf neuer oder anderer Seite in "Text" eingeben und schon ist samt eigene E-Mail-Adresse installiert.
  • Ansprechend ist der Artikel Contact Form 7 DSGVO konform einrichten
  • Mit dem zugehörigen Plugin "Really Simple Captcha" erhält man den Spam-Schutz 

Really Simple CAPTCHA

so nach der Beschreibung.

In Einarbeitung: 

Und nur dieses Element einfügend z. B. <p>[captchac captcha-1] [captchar captcha-1 10/10]</p> funktioniert die Abfrage, ob richtig eingegeben, so nicht!

… und das reCAPTCHA geht nur in (Synchronistationsdifferenz).

Also:

Code für Quiz! – super Cooper

A. Mathe-Quiz:

Das Ganze ist eine Spielerei, aber nicht im Schwung "geht schnell" – die Mühe für diese Komplexität übernimmt folgender Hinweis:

B. Wörtliche Frage und Antwort Quiz:

Nach Eingabe der Fragen|Antworten und klicken in Name (hier "quiz-654") wird ein Code in Wortfolge generiert. Dieser ist dann via "Insert Tag" in "Formular bearbeiten" einzufügen:

Nach eingäbe der Fragen|Antworten und Klicken (Antippen) in Name (hier "quiz-654") ein Code in Wortfolge generiert ist und via "Insert Tag" in "Formular bearbeiten" einzufügen.

Das Formular voreingestellter Vorlage mit Quiz (hier der Ansicht ist auch das Plug-in "Honeypot" mit eingefügt, dazu s. u. Link). Mit Kopie und Paste des generierten Codes (blauer Balken) auf eine Seite, in "Visuell" geeignet, einfügen – und dargestellt:

E-Mail-Adresse


Die Alternative zur Abwehr von Spam, da genügte auch alleinig das Plug-in folgend:

Honeypot for Contact Form 7

Nachlese

🛎
Bitte läuten

 

Das Kontaktformular im bspw! – immer aktuelle.

– oder gleich hier →

CSS Anpassungen

/* == Kontaktformular == */
.wpcf7-quiz-label {
	margin-right: 15px;
}

.wpcf7-list-item input[type="checkbox"] {
	min-width: 20px;
	min-height: 20px;
}

.wpcf7-not-valid-tip {
	font-size: .8em
}

/*Cotactform7 Ja Checkbox */
.wpcf7-list-item  [type="checkbox"] {
	position: relative;
	left: -2px;
	top: 6px;
	width: 25px; 
	height: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.wpcf7-list-item  input[type=checkbox]:checked {
	background: #24890C;
	background-image: url(https: ..haekchen3.svg);
	transition: all 0.2s ease-out 0s;
}

/*Senden-Button*/
.wpcf7 .wpcf7-submit {
	font-size: 0.8em;
}

Und zum Thema 'Contact Form 7 nur da laden, wo es das braucht'! – siehe da:

Contact Form 7 nur auf der Seite des Shortcodes laden

– effizient ist das!


Aktualisiert im Jahr 2023-Juli