HTML/PHP Verzweifelung beim Einbinden von Google reCaptcha?

Guten Abend,

ich verzweifle langsam an meinem Konatktformular. Das ganze Formular usw. funktioniert. Nur eben das reCaptcha nicht. Logischerweise soll das Formular nur dann abgesendet werden können, wenn der reCaptcha erfolgreich gelöst worden ist. Nur leider krieg ich das nicht hin. Es kommt dann immer eine Fehlermeldung. Im Header der Kontakt seite ist natürlich das reCaptcha script eingefügt. Den restlichen Code habe ich hier eingefügt:

Kontaktseite: https://controlc.com/9947d062

send_mail.php: https://controlc.com/b35c9849

Könnte mir jemand helfen und mir sagen wo ich jetzt etwas für ein vernünftiges Captcha einfügen soll? Ich probiere das jetzt schon ewig aber komme auch mit der Dev-Anleitung von Google persönlich nicht weiter...

Gruss

1 Antwort

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, programmieren

16.06.2020, 04:45

Soweit ich das sehe, nutzt du ReCaptcha v2. Sofern der Sitekey stimmt und das Skript tatsächlich richtig - so wie es in der Google Dokumentation steht - eingebunden wurde, ist der erste Teil erfüllt.

Einen Part im PHP-Skript, in dem du die Verification API nach einem Auswertungsergebnis erbitten würdest, sehe ich allerdings nicht (die Verifizierung findet nach Versand des Formulars statt, nicht davor). Bau dafür einfach nur den Request mit den erforderlichen Informationen zusammen, wie es in der Dokumentation erklärt wird und sende ihn bspw. mit cURL ab. Den Response kannst du mit json_decode parsen und daraufhin leichter auswerten.

Hi, ich habe eine eigene Webseite und habe ein Kontaktformular mit einem reCAPTCHA dort erstellt. Gleichzeitig habe ich aber auch um die Sicherheit der Webseite vor möglichen Angriffen durch sogenannte HTTP-Header gesichert. Der Sinn der Header ist ja, nicht eigenen Code zu blockieren, vereinfacht ausgedrückt... Dennoch will ich das reCAPTCHA von Google auf meiner Kontaktseite haben, weiß aber nicht, wie ich den Header ändern muss, damit dieser wieder funktioniert. Ich bin mir auch sicher, dass es an diesem Header, welchen ich gleich aufzeigen werde, liegt, da als ich diesen entfernt habe, das reCAPTCHA wieder funktioniert hat. Könnt ihr mir bitte sagen wie ich den Header ändern muss, damit es wieder funktioniert?

Der Header, wie ich ihn auf meiner Webseite einsetze (ich habe die Header in der .htaccess - Datei gespeichert, falls das eine relevante Information ist):

Header always set Content-Security-Policy "default-src 'self'; script-src 'self' https://*.googleapis.com; font-src 'self' https://fonts.googleapis.com/css?family=Roboto|Work+Sans:400,600; img-src 'self'; frame-src 'self' https://www.youtube.com https://www.youtube-nocookie.com"

Ich hoffe ihr könnt mir weiterhelfen!!! :D

...zur Frage

Warum benutzen fast alle Seiten googles reCAPTCHA?

Warum benutzen fast alle Seiten die Captcha von Google? Sind die alternativen zu schlecht oder benutzen die Seiten googles reCAPTCHA nur weil andere Seiten es auch benutzen?

Ich meine z.b. auf Github benutzt man eine andere da muss man nur ein Bild richtig rum drehen. Das geht schnell und einfach während die Captcha von google einen teils richtig nervt weil immer wieder neue Bilder kommen was es unnötig in die länge zieht.

...zur Frage

Bewertungen (Google MyBusiness) auf Webseite einbinden - DSGVO?

Hallo,

kann man auf die Webseite Bewertungen von Google MyBusiness einbinden bzw. posten?

Beispiel hier: https://autoankauf-berlin-umland.de/

Verstoßt dies nicht gegen das Datenschutzgesetz?

...zur Frage

Wie sieht die durchschnittliche prozentuale Verteilung von dateitypen und dateigrößen bei Webseiten aus?

Also wie groß ist eine Webseite durchschnittlich, und wie viel Prozent der datenmenge wird durch welche Dateiarten verursacht

...zur Frage

HTML: Scroll-to-top-Button geht nicht?

Ich habe gerade einen Scroll-to-top-Button in meine HTML-Webseite eingefügt. Von der Grafik her funktioniert alles, aber die Funktionalität ist nicht so der Hammer. Also er scrollt nicht hoch, wenn man ihn drückt.

In dem Tutorial (siehe unten) wird das Ganze mit JS gemacht. Also das hier ist der Teil aus JS, der dafür sorgt, dass die Seite nach oben scrollt, wenn man ihn drückt:

<script>
  const btnScrollToTop = document.querySelector("#btnScrollToTop")
  btnScrollToTop.addEventListener("click", function() {
    windows.scrollTo(0, 0);
  });
</script>

Muss man JS im head mit einem <link> einbinden, sowie man das mit .css macht?

P.S.: Das ist das erste Mal, dass ich JS benutze.

https://www.youtube.com/watch?v=FK5DEa1Hvco

...zur Frage

Developer Tools verstecken?

Wie kann ich Sachen von den Developer Tools verstecken wie zB meinen Code von Microsoft Clarity oder meinen Code für die Formulare von Formspree? Also diese Anbieter geben ja Codes her damit die sich mit der Website verbinden können, aber diesen Code kann man in den Dev Tools sehen, weil sie im Html text integriert sind und wenn das jemand sieht kann er meine Codes nutzen, wahrscheinlich nichts gefährliches, aber wird mir Kopfschmerzen bereiten wenn da Sachen von anderen Webseiten sind. Vielleicht fragt man sich warum, jemand sowas machen sollte, weil es ja keinem was bringt, aber ich glaube es wird Leite geben, denne es Spaß macht anderen zu schaden. Die Code von denen ich rede sind:

Formspree: form action=“Link“

Microsoft Clarity ist im head Bereich auch mit einem Link verbunden

...zur Frage

Kontaktformular programmieren? Honey Pot einbinden?

Hallo liebe Gemeinde,

ich habe nun ein fertiges funktionierendes Kontaktformular mit Erfolgsmeldung versucht zu programmieren.

Ich stelle das Formular, css und php mal rein. Stimmt das so?

https://www.hastebin.com/oqitequwus.xml

Zum anderen wollte ich nun das Money Pot-Verfahren mit einbauen. Funktioniert das überhaupt?

...zur Frage

Gutes Buch zu JavaScript für schon etwas Fortgeschrittene?

Ich suche eins das nicht nur über 300 seiten die Grundlagen erklärt, also ich hab schon etwas erfahrung mit JavaScript, ich brauch jetzt nicht variablen lernen aber auch keins das zu tief in die Materie eintaucht sodass ich da garnicht mitkomme.

Sollte „mittel“ sein und nicht 80€ kosten.

vielleicht so 20€ Und ein gutes buch sein.

...zur Frage

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zur Frage

Warum bekomme ich bei diesem JavaScript-Funktionsaufruf einen Syntax Error?

Hallo,

ich bekomme folgende Fehlermeldung im Browser angezeigt:

Uncaught SyntaxError: Invalid or unexpected token

echo '<button id="todemissendbtn" onclick=copytoclipboard("' . $labor_map_patid[0] . ',' . $labor_map[$i][1] . ',' . $labor_map[$i][2].'")>an DEMIS</button>';

Dabei macht er genau bei $labor_map[$i][2], was ein Datumswert ist in Form von 2022-12-16 08:01:00. Weiß jemand, was da nun falsch läuft?

...zur Frage

Wordpress richtig installieren Webseite hosten Hilfe?

Hallo Liebe Community, ich bin zurzeit dabei eine eigene Webseite zu erstellen über das Programm Wordpress, leider kenne ich mich nicht wirklich viel mit dieser Materie aus habe mir viele Tutorials angesehen die aber leider mir nicht wirklich weiterhelfen konnten. Laut meinen Recherchen soll es zwei Versionen des WordPress geben einmal die Lite Version direkt über den Browser und eine die über das Wordpress.org gedownloadet werden müsste über diese ich mehr Möglichkeiten beim individualisieren meiner page haben soll.

ich habe da ich mich nicht wirklich gut auskannte das Jahres Business Paket über die WordPress Tarife gekauft worin eine Domain und ein fertiger Host enthalten sein sollte leider wird mir in den YouTube Tutorials nur die Anleitung gezeigt wie ich durch externe databases Hosts und Domains den Download abschliesse und an der Webseite arbeiten kann.

kann mir jemand erklären wie ich die WordPress.org richtig downloade und ob dies überhaupt nötig ist? Oder reicht der normale browser oder die WP App im Microsoft AppStore.?

ich bedanke mich für eure Mühen und antworten falls ihr Tipps habt welche Videos ich mir einschalen sollte oder wenn ihr Communitys habt die ihr empfehlen könnt wo ich mich mit Gleichgesinnten austauschen kann würde es mich sehr freuen.

LG KOBAL

...zur Frage

Website Kontaktformular phpmailer?

Ich habe ein Kontaktformular auf einer Website und möchte mit php bei erfolgreichem Versand der Email über dem Formular einen Text so wie "Erfolgreich gesendet" hinschreiben. Jetzt habe ich echo, aber das ist auf einer ganz neuen Seite. Wie mache ich das?

...zur Frage

php if variable = true then html button?

Hey,

Ich will machen, dass in meiner php Datei ein Button angezeigt wird, wenn etwas in php passiert.

if($_SESSION["username"] != "ironflipper") {
	html knopf
}

Ich will, dass dann dort drin ein Knopf erstellt wird. Da es aber php ist, kann ich dort kein HTML Code einfuegen

Wie soll ich das machen?

...zur Frage

Datei zu PHP Formmailer anhängen?

Hallo!

Ich habe ein kleines Kontaktformular welches Name und Text an einen vorher Festgelegten Absender schickt. Nun möchte ich das man dazu noch eine Datei anhängen kann, die an mit an die Email angehangen wird. Ich habe einen PHP Mailer. Bis zum Dateiupload funktioniert alles. Also Namen sowie Text werden übertragen, aber es scheitert am Dateiupload. Ich bitte um Hilfe, was kann ich machen damit die Datei an die Email angehangen wird? Ich poste hier mal die beiden Codes... Bitte helft mir!

CODE FORMULAR (mail.php):

https://pastebin.com/p8yp9zZW

CODE PHP MAILER (mailer-engine.php)

<?php


// ======= Konfiguration:


$mailTo =  $_POST['Empfänger'];
$mailFrom = 'Schüler der Klasse 9-3 <****@***.de>';
$mailSubject = 'Email von einem Schüler der Klasse 9-3 [Weitergeleitet über Notfallcloud der Klasse 9-3]';
$returnPage = 'form_erfolg.html';
$returnErrorPage = 'form_fehler.html';
$mailText = "";


// ======= Text der Mail aus den Formularfeldern erstellen:


// Wenn Daten mit method="post" versendet wurden:
if(isset($_POST)) {
   // alle Formularfelder der Reihe nach durchgehen:
   foreach($_POST as $name => $value) {
      // Wenn der Feldwert aus mehreren Werten besteht:
      // (z.B. <select multiple>)
      if(is_array($value)) {
          // "Feldname:" und Zeilenumbruch dem Mailtext hinzufügen
          $mailText .= $name . ":\n";
          // alle Werte des Feldes abarbeiten
          foreach($valueArray as $entry) {
             // Einrückungsleerzeichen, Wert und Zeilenumbruch
             // dem Mailtext hinzufügen
             $mailText .= "   " . $value . "\n";
          } // ENDE: foreach
      } // ENDE: if
      // Wenn der Feldwert ein einzelner Feldwert ist:
      else {
          // "Feldname:", Wert und Zeilenumbruch dem Mailtext hinzufügen
          $mailText .= $name . ": " . $value . "\n";
      } // ENDE: else
   } // ENDE: foreach
} // if


// ======= Korrekturen vor dem Mailversand


// Wenn PHP "Magic Quotes" vor Apostrophzeichen einfügt:
 if(get_magic_quotes_gpc()) {
     // eventuell eingefügte Backslashes entfernen
     $mailtext = stripslashes($mailtext);
 }


// ======= Mailversand


// Mail versenden und Versanderfolg merken
$mailSent = @mail($mailTo, $mailSubject, $mailText, "From: ".$mailFrom);


// ======= Return-Seite an den Browser senden


// Wenn der Mailversand erfolgreich war:
if($mailSent == TRUE) {
   // Seite "Formular verarbeitet" senden:
   header("Location: " . $returnPage);
}
// Wenn die Mail nicht versendet werden konnte:
else {
   // Seite "Fehler aufgetreten" senden:
   header("Location: " . $returnErrorPage);
}


// ======= Ende


exit();


?>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen