Blockieren von Google reCaptcha bei Ninja Forms mit Borlabs #
In diesem Artikel geht es um die Blockierung von Google reCaptcha mit der Nutzung von Ninja Forms als Formulare mit Borlabs
Die Grundeinrichtung von Google reCaptcha wird hier beschrieben, bitte lest euch das vorher durch.
Einrichtung der Schlüssel bei Ninja Forms #
Als erstes müssen die Schlüssel bei Ninja Forms eingetragen werden. Dafür ruft Ihr auf der linken Seite „Ninja Forms“ –> „Einstellung“ auf. Ihr scrollt etwas runter, bis „reCaptcha Einstellung“ kommt und sucht dort die Option für v3 raus. Tragt die Keys dort ein und speichert das ganze.
Wichtige Anmerkung: Damit v3 genutzt werden kann, müssen WordPress UND Ninja Forms auf die aktuellste Version gebracht werden.
Blockieren der Scripte #
Blockierung des Scripts für Ninja Forms #
Nachdem Ihr die Keys eingebunden habt, geht Ihr nun zu Borlabs und dann auf den Script Blocker. Im 1. Schritt werden wir die Scripte für Ninja Forms blockieren. Dafür dann beim Script Blocker auf „Neu hinzufügen“ klicken. Im nächsten Fenster wählt Ihr dann die Seite aus, wo ein Ninja Forms hinterlegt ist. Unter Suchphrasen müsst Ihr „ninja-forms“ eintragen. Klickt dann auf „Scannen“ und sobald er durch ist auf „Weiter“. Nun könnt Ihr dem Script Blocker eine ID und Namen geben, am besten ID „ninjaforms“ und Name „Ninja Forms“. Bei den „Passende Javascript-Handles“ müssen folgende beiden Aktiv sein:
„nf-front-end-deps“
„nf-front-end“
Die anderen dürfen nicht aktiv sein, d.h. bei Blockierung müssen die auf „aus“ stehen. Unten drunter muss bei „Passende JavaScripts“ ein erkanntes Javascript drin sein, wo bei „Blockier Phrase“ „ninja-forms“ drin steht.
Wenn das alles so passt, könnt Ihr „Script Blocker erstellen“ klicken. Auf der nächsten Seite kopiert Ihr euch den Bereich bei „Für Content Blocker“ und speichert diesen in einem Editor ab.
Blockierung des Scripts für Google reCaptcha #
Um die Blockierung der Scripts für Google reCaptcha zu starten, geht Ihr wieder auf den „Script Blocker“ von Borlabs und klickt auf „Neu hinzufügen“. Dann wählt Ihr wieder die gleiche Seite aus, die Ihr bei dem Blockieren der Ninja Forms Scripts genutzt habt und dann auf „Scannen“. Sobald das abgeschlossen ist, einmal auf „Weiter“. Dann vergebt Ihr wieder eine ID und einen Namen, am besten ID „recaptcha“ und Name „Google reCaptcha“. Bei „Zusätzliche JavaScript-Handles“ einmal „nf-google-recaptcha“ anwählen und oben den Status auf „An“ stellen. Dann auf „Script Blocker erstellen“ klicken und auf der nächsten Seite unter „Für Content Blocker“ den Code kopieren und zu dem anderen Code einfügen.
Erstellen des Content Blockers #
Wenn das alles abgeschlossen ist, geht ihr unter „Borlabs“ auf „Content Blocker“ und fügt einen neuen über „Neu hinzufügen“ hinzu. Oben könnt Ihr wieder eine ID vergeben, im besten Fall „ninja-forms“. Den Status stellt Ihr auf an, bei Namen könnt Ihr einen Namen vergeben, im besten Fall „Ninja Forms“. Bei „Datenschutzerklärung URL“ tragt Ihr den Link zur Datenschutzerklärung von Google ein, das ist dieser Link: https://policies.google.com/privacy?hl=de. Dann scrollt Ihr etwas runter zu „JavsScript“ und tragt den Code, den Ihr in euren Editor zwischengespeichert habt dort ein. Dieser muss noch etwas sortiert werden, die Zeilen Code mit „contentBlockerData“ müssen als erstes eingetragen werden, dabei muss das von Google reCaptcha als erstes drin sein. Bei „unblockScriptBlockerId“ genauso, dort als erstes das von Google reCaptcha, dann das von Ninja Forms.
Dies sollte am Ende etwa so aussehen:
window.BorlabsCookie.allocateScriptBlockerToContentBlocker(contentBlockerData.id, "recaptcha", "scriptBlockerId");
window.BorlabsCookie.allocateScriptBlockerToContentBlocker(contentBlockerData.id, "ninjaforms", "scriptBlockerId");
window.BorlabsCookie.unblockScriptBlockerId("recaptcha");
window.BorlabsCookie.unblockScriptBlockerId("ninjaforms");
Achtung: Solltet Ihr andere IDs genutzt haben, sind diese natürlich anders und müssen entsprechend angepasst werden.
Wenn alles eingetragen ist, klickt Ihr auf „Alle Einstellungen speichern“. Sobald Ihr das gespeichert habt, kommt im neuen Fenster ein Shortcode, diesen müsst Ihr euch kopieren.
Blockieren des Formulares #
Nun ruft Ihr die Seite im Backend auf, wo das Formular blockiert werden soll. Auf der Seite sucht Ihr euch das Formular raus, was blockiert werden soll. Dies ist meistens per Shortcode eingetragen und dies muss etwas erweitert werden. Der Shortcode, den Ihr euch kopiert habt, vom Content Blocker, sieht ja in etwa so aus:
[borlabs-cookie id="ninja-forms" type="content-blocker"]...blockiere das...[/borlabs-cookie]
Nun muss aber anstelle des „…blockiere das…“ einfach der Shortcode für das Formular von Ninja Forms eingetragen werden, also in etwa so am Ende:
[borlabs-cookie id="ninja-forms" type="content-blocker"][ninja_form id="5"][/borlabs-cookie]
Auch hier wieder: Sowohl die ID des Content Blockers, als auch des Formulares könnten andere sein, je nach dem, wie es bei euch auf der Seite ist.
Speichert die Seite und Ninja Forms und Google reCaptcha werden erfolgreich blockiert.
Aktivieren von Google reCaptcha in den Formularen #
Damit das Formular auch Google reCaptcha nutzt, gehen wir nochmal zu Ninja Forms und klicken auf „Dashboard“. Dann wählen wir ein Formular aus und klicken darauf. Sobald das geladen hat, oben einmal auf „E-Mails & Aktionen“ klicken, unten rechts auf das „+“ und einmal „reCAPTCHA v3“ anklicken. Dies geht automatisch mit in die Aufzählung in der Mitte, klickt oben rechts auf „FERTIG“ und dann auf „VERÖFFENTLICHEN“ und alles ist abgeschlossen und kann getestet werden.