Google Captcha ver. 3 asennus ei onnistunut

Tapio-Huuhaa

16

1960

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Tapio-Huuhaa

      Ongelma tuntuu olevan tässä eli response

      {
      "success": true|false,
      "challenge_ts": timestamp, // timestamp of the challenge load (ISO format yyyy-MM-dd'T'HH:mm:ssZZ)
      "hostname": string, // the hostname of the site where the reCAPTCHA was solved
      "error-codes": [...] // optional
      }

      Minne ja miten tuo koodi pitää sijoittaa?

      • Turbo-Urpo1

        Mikä tuo koodi on ?

        Sinulla ei ollut siellä sivulla mitään lomaketta vielä, johon tuon reCAPTCHA varmistuksen olisit sijoittanut. Tuossa pari sivustoa joissa käsitellään tuota asiakastason integrointia. Minä en ole vielä soveltanut näitä Googlen reCAPTCHA varmistuksia, mutta nyt tämän kyselysi johdosta kävin tekemässä avaimet. Ja laitan tähän Manjaroon tuo localhostin jossa sovittelen noita lomakkeita ja testaan sitten tuolla palvelinpäässä käytännössä, miten tämä etenee käytännössä.
        Minun käsitys on nyt että tämän v2 ja v3 ainut ero on tuo tilastointi jonka avulla voi seurata kuinka vieraat (IP) kompuroivat noiden kuva-arvoitusten kanssa. Sinulta puuttu edelleen se Navigointipalkki, käyn sekkaamassa onko sinulla vielä se piilossa oleva <li></li> lista niistä linkeistä jotka oli nähtävästi tarkoitus sijoittaa siihen navigointipalkkin pudotusvalikkoon, mutta olivat sillä tavalla virheellisesti koodiin lisättynä etteivät sitten näkyneet. Navigointipalkki ja Pudotusvalikko eivät onnistu ilman CSS muotoilun mukana oloa. Mikä teema sinulla on sillä sivulla, jos teen mallin samalle teemalle testaan että toimii.


        Tutustu näihin:
        https://codeforgeek.com/2014/12/google-recaptcha-tutorial/
        https://webdesign.tutsplus.com/tutorials/how-to-integrate-no-captcha-recaptcha-in-your-website--cms-23024

      • Turbo-Urpo1
        Turbo-Urpo1 kirjoitti:

        Mikä tuo koodi on ?

        Sinulla ei ollut siellä sivulla mitään lomaketta vielä, johon tuon reCAPTCHA varmistuksen olisit sijoittanut. Tuossa pari sivustoa joissa käsitellään tuota asiakastason integrointia. Minä en ole vielä soveltanut näitä Googlen reCAPTCHA varmistuksia, mutta nyt tämän kyselysi johdosta kävin tekemässä avaimet. Ja laitan tähän Manjaroon tuo localhostin jossa sovittelen noita lomakkeita ja testaan sitten tuolla palvelinpäässä käytännössä, miten tämä etenee käytännössä.
        Minun käsitys on nyt että tämän v2 ja v3 ainut ero on tuo tilastointi jonka avulla voi seurata kuinka vieraat (IP) kompuroivat noiden kuva-arvoitusten kanssa. Sinulta puuttu edelleen se Navigointipalkki, käyn sekkaamassa onko sinulla vielä se piilossa oleva <li></li> lista niistä linkeistä jotka oli nähtävästi tarkoitus sijoittaa siihen navigointipalkkin pudotusvalikkoon, mutta olivat sillä tavalla virheellisesti koodiin lisättynä etteivät sitten näkyneet. Navigointipalkki ja Pudotusvalikko eivät onnistu ilman CSS muotoilun mukana oloa. Mikä teema sinulla on sillä sivulla, jos teen mallin samalle teemalle testaan että toimii.


        Tutustu näihin:
        https://codeforgeek.com/2014/12/google-recaptcha-tutorial/
        https://webdesign.tutsplus.com/tutorials/how-to-integrate-no-captcha-recaptcha-in-your-website--cms-23024

        Joo, löytypä tuo teeman tiedot sivustosi lähdekoodista: https://i.postimg.cc/BbNCcSKP/Valinta-010.png

      • Turbo-Urpo1

        Laitoin tuon saman teeman, johon asensin reCAPTCHA in WP comments form pluginin ja yhden artikkelin jonka kommentointia valvottiin Googlen reCAPTCHA V2 versiolla, onnistu suoraan ensimmäisellä yrityksellä.

        https://i.postimg.cc/N033H462/28-11-2018-23-45-00.png
        https://i.postimg.cc/rwPX8czJ/28-11-2018-23-43-21.png

        Tein myös avaimet V3:lle mutta tuo käyttämäni pluginin ei sitä tukenut, ja olisin joutunut käsin muokkaamaan kommentointi lomaketta. En ryhtynyt siihen.

        Katson seuraavaksi sitä Navigointipalkki juttua.

    • Turbo-Urpo1

      Tältä näyttää tuo esimerkki lomake:
      https://i.postimg.cc/sx1GNqD1/29-11-2018-12-01-05.png
      𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘

      Tein malli lomakkeen ja sijoitin siihen tarvittavat rivit paikoilleen. Huomaa reCAPTCHA ei toimi jollet pysty avaamaan sitä localhostina. Mutta näkeehän siitä ainakin sen että reCAPTCHA sijoittuu lomakkeelle oikeaan paikkaan, vaikka nyt sitten pistäsitkin nuo koodit koneelle normaalina tiedostona. Tuosta HTML -tiedoston koodista korvasin oman avaimeni X-merkeillä. Tallenna vaikka ContactForm1.html ja ContactForm1.css koska tuo tyylitiedostoa kutsutaan html -koodista tuolla nimellä.

      𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘
      HTML -KOODI ja sen kuva:
      https://i.postimg.cc/ZKRxGsD8/29-11-2018-11-39-42.png
      𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘
      <!DOCTYPE html>
      <html>
      <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="ContactForm1.css">
      <meta charset="UTF8">
      <script src='https://www.google.com/recaptcha/api.js'></script>
      </head>

      <body>
      <center>
      <div class="form">
      <h2>Ota yhteyttä minuun . . .</h2>

      <div class="container">
      <form action="/action_page.php">
      <label for="ename">Etunimi</label>
      <input type="text" id="ename" name="etunimi" placeholder="Sinun etunimesi tarvitaan tähän . . .">

      <label for="sname">Sukunimi</label>
      <input type="text" id="sname" name="sukunimi" placeholder="Sinun sukunimesi tarvitaan tähän . . .">

      <label for="subject">Kommentti</label>
      <textarea id="subject" name="subject" placeholder="Minimi 20 merkkiä pitkä viesti . . ."></textarea>
      <div class="g-recaptcha" data-sitekey="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"></div>
      <input type="submit" value="Lähetä viesti">
      </form>
      </div>
      </div>
      </center>
      </body>
      </html>


      𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘
      TYYLITIEDOSTON KOODI ja sen kuva
      https://i.postimg.cc/vB06Xbyp/29-11-2018-12-03-56.png
      𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘𐄘
      body {font-family: Arial, Helvetica, sans-serif;}
      * {box-sizing: border-box;}

      input[type=text], select, textarea { width: 100%; padding: 12px;
      border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;
      margin-top: 6px; margin-bottom: 16px; resize: vertical;
      margin-bottom: 0px; }

      input[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px;
      border: none; border-radius: 4px; cursor: pointer; margin-top:10px; }

      input[type=submit]:hover { background-color: #45a049; }

      .container { border-radius: 5px; background-color: #f2f2f2; padding: 20px; }

      .form { width:500px; text-align: left; margin-top:50px; }

      #subject { height:150px; margin-top:0px; margin-bottom: 0px;}
      #sname { margin-top:0px; margin-bottom: 10px; }
      #ename { margin-top:0px; margin-bottom: 10px; }

    • Turbo-Urpo1

      Asia olisikin hyvin yksinkertainen toteuttaa jos tuossa olisi kaikki, koska aina kun sivulla kerätään jollakin lomakkeella tietoa, on se myös käsiteltä. Ja tämä osuus onkin se vaikein osuus, siksipä suosittelen että asennat WordPressenin omista lähteistä käsin tämän alla olevan reCAPTCHA lisäpalikan (plugin) joka tekee asiasta erittäin yksinkertaisen.

      http://www.joanmiquelviade.com/plugin/google-recaptcha-in-wp-comments-form/

      • Turbo-Urpo1

        Tietysti ohje piti poistaa, ihan perseestä tämä suom24 moderointi.

        No nyt en jaksa juuri selitellä, pistän kuvat, jossa on esimerkki kuinka tulee sijottaa nuo avaimet ja googlen JavaScripti lomakkeelle. Tuossa poistossa oli nuo koodit jotka nyt näät kuvina. Sinun ei olisi tarvinnut kirjotella niin paljon kun olisivat antaneet olla tässä mukana.

        LOMAKE
        https://i.postimg.cc/sx1GNqD1/29-11-2018-12-01-05.png

        HTML TIEDOSTO
        https://i.postimg.cc/ZKRxGsD8/29-11-2018-11-39-42.png

        CSS TIEDOSTO
        https://i.postimg.cc/vB06Xbyp/29-11-2018-12-03-56.png

      • Turbo-Urpo1
        Turbo-Urpo1 kirjoitti:

        Tietysti ohje piti poistaa, ihan perseestä tämä suom24 moderointi.

        No nyt en jaksa juuri selitellä, pistän kuvat, jossa on esimerkki kuinka tulee sijottaa nuo avaimet ja googlen JavaScripti lomakkeelle. Tuossa poistossa oli nuo koodit jotka nyt näät kuvina. Sinun ei olisi tarvinnut kirjotella niin paljon kun olisivat antaneet olla tässä mukana.

        LOMAKE
        https://i.postimg.cc/sx1GNqD1/29-11-2018-12-01-05.png

        HTML TIEDOSTO
        https://i.postimg.cc/ZKRxGsD8/29-11-2018-11-39-42.png

        CSS TIEDOSTO
        https://i.postimg.cc/vB06Xbyp/29-11-2018-12-03-56.png

        Miksihän se sinun html koodi ei ollut sääntöjen vastainen, mutta minun tekemänä oli. Taitaa moderointi porukkaa vituttaa kun arvostelen suorin sanoin tätä vastuutaan pakenevaa moderoitia. Ei ole laki kaikille yhteläinen.

      • Tapio-Huuhaa

        sain To use reCAPTCHA you must get an API key from https://www.google.com/recaptcha/admin


        Laitoin ohjeen mukaan uudestaan paikoileen client-side JavaScriptin, mutta siinä ihmettelen, mitä tarkalleen ottaen tulee laittaa action kohtaan.
        https://developers.google.com/recaptcha/docs/v3

        Frontend integration

        grecaptcha.ready(function() {
        grecaptcha.execute('reCAPTCHA_site_key', {action: 'homepage'}

        pitäisikö siihen laittaa sivustoni osoite ja missä tarkkuudessa?
        www. jotain , https// jotain


        Toinen ongelma on server-side integration kohta

        response (required) The value of 'g-recaptcha-response'.

        Tuossa ei ole nyt mitään arvoa
        toisin kuin kohdassa 'secret (required)'

        secret on kuitenkin eri kuin client side kohdalla.

        Missään ei kerrota, minne tuo secret koodi tulee laittaa tai tuleeko sitä ylipäätänsä laittaa minnekään vai hoitaako Google sen.

        Minusta nämä opasteet ovat aika vajaita.

    • Tapio-Huuhaa

      ei se noista ollut kiinni, sillä WP:n konffi jäänyt tallentumatta.
      WP luo tarvittavaa koodia, mutta nyt tuli ilmoitus, että avaimen tyyppi on väärä.

    • Tapio-Huuhaa

      Katsoin lähdekoodia ja siinä siis oli

      Turbo-Urpo1
      29.11.2018 12:23

      mainitut kohdat eli
      <script src='https://www.google.com/recaptcha/api.js'></script>

      ja
      class="g-recaptcha" data-sitekey="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"

      mutta ei vaan toimi.

      • Turbo-Urpo1

        Tee reCAPTCHA V2 avaimet, se on hyvin yksinkertaista myös WP -sivuilla silloin kun käytetään laajennoksia jotka kykenevät osemaman lomakkeen syöttöä suojaanmaa samppaukselta. Mene WP-admin sivulla ja valitse "Uusi lisäosa" ja hakukenttään ”WordPress ReCaptcha Integration” ja valitse ansimmäinen asennettavaksi. Käyttöön otto ei vaadi muuta kuin avaimien annon, se ei voi epäonnistua.

        reCAPTCHA v2 ei ole jäämässä pois! v2 on edelleen täysin tuettu ja sitä paranetaan turvallisuuden ja käytettävyyden suhteen koko ajan.

        reCAPTCHA v3 on tarkoitettu teho-käyttäjille, sivuston omistajille, jotka haluavat enemmän tietoa liikenteestä muuta eivät halua haastaa vierailijaa mihinkään palikka testiin. Vain kun havaitaan pokkeuksellista liikennettä, aktivoituu palikka testit.

      • Turbo-Urpo1
        Turbo-Urpo1 kirjoitti:

        Tee reCAPTCHA V2 avaimet, se on hyvin yksinkertaista myös WP -sivuilla silloin kun käytetään laajennoksia jotka kykenevät osemaman lomakkeen syöttöä suojaanmaa samppaukselta. Mene WP-admin sivulla ja valitse "Uusi lisäosa" ja hakukenttään ”WordPress ReCaptcha Integration” ja valitse ansimmäinen asennettavaksi. Käyttöön otto ei vaadi muuta kuin avaimien annon, se ei voi epäonnistua.

        reCAPTCHA v2 ei ole jäämässä pois! v2 on edelleen täysin tuettu ja sitä paranetaan turvallisuuden ja käytettävyyden suhteen koko ajan.

        reCAPTCHA v3 on tarkoitettu teho-käyttäjille, sivuston omistajille, jotka haluavat enemmän tietoa liikenteestä muuta eivät halua haastaa vierailijaa mihinkään palikka testiin. Vain kun havaitaan pokkeuksellista liikennettä, aktivoituu palikka testit.

        *osemaman = useamman

    • Tapio-Huuhaa

      Toimi joo ver. 2:n avaimilla. Kun hain ver. 3:n avaimet, bbPressin Captcha ei suostunut toimimaan vaan valitti, että on väärät avaimet.

      En kyllä ymmärrä, miksi bbPressille ei kelvanneet ver 3:n avaimet.

    • Tapio-Huuhaa

      Kiitos. Tämä asia on käsitelty. Yritin liian itsepintaisesti asentaa ver. 3, joka ei sitten suostunut toimimaan.

      Minulla on yhteydenottolomake. En asentanut sille Captchaa. Akismet spammisuojaus saa sille riittää. Jos ei ei riitä, laitan sillekin suojauksen.

      Perusrekisteröintiin minulla brittisuojaus. Tehokas, ja huomaamaton. MUTTA jos yrittää liian tiheällä frekvenssillä sisään, tulkitsee käyttäjänsä robotiksi. Sitten pitää tyhjentää sivun evästeet.

      Minulla on Twitterillä rinnakkaiskirjautuminen. Twitterillä on helpointa rekisteröintiä
      En kuitenkaan helpointa vaihtoehtoa sallinut ts. rekisteröintiä ilman s-postin antamista.

      Jos sitä ei anna, tulee feikkis-postiosoite, jolle ei saa avatarta. Minulla on Wavatar-tyylinen avatar ja laitoin muillekin tyypiksi Wavatar. W -kirjaimen arvaan tulevan sanasta Wild, koska W-avatar eli Wavatar on aika villi hahmo.
      Muita arvauksia?

    • Tapio-Huuhaa

      Kiitos vielä kerran avusta. En palaa tähän keskusteluun enää. Jos joku haluaa heittää muun arvauksen, mitä W tarkoittaa sanassa Wavatar, kertokoon mielipiteensä foorumisivustollani.

      PS. Sain siellä valikot juuri sen näköisiksi kuin halusin. Omat lisävalikkoni ovat päävalikkon tyyliset, mutta olen tarkoituksellisesti laittanut ne hieman vähemmän tilaa vieviksi. Etusivulla ärsyttää se, etten saanut Twitter-osiosta itse määrittelemälläni CSS:llä pois linkeistä alleviivauksia ja varjo-efektejä. Tästä voi keskustella enemmän foorumillani.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Mitä siellä ABC on tapahtunut

      Tavallista isompi operaatio näkyy olevan kyseessä.
      Alajärvi
      176
      7328

    2. Klaukkalan onnettomuus 4.4

      Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes
      Nurmijärvi
      80
      3149

    3. Kuvaile elämäsi naista

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      57
      2285

    4. Kolari Klaukkala

      Kaksi teinityttö kuoli. Vastaantulijoille ei käynyt mitenkään. Mikä auto ja malli telineillä oli entä se toinen auto? Se
      Nurmijärvi
      67
      1455

    5. Ukraina ja Zelenskyn ylläpitämä sota tuhoaa Euroopan, ei Venäjä

      Mutta tätä ei YLE eikä Helsingin Sanomat kerto.
      Maailman menoa
      368
      1402

    6. Kuvaile elämäsi miestä

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      57
      1333

    7. Ooo! Kaija Koo saa kesämökille öky-rempan:jättimäinen terde, poreallas... Katso ennen-jälkeen kuvat!

      Wow, nyt on Kaija Koon mökkipihalla kyllä iso muutos! Miltä näyttää, haluaisitko omalle mökillesi vaikkapa samanlaisen l
      Kesämökki
      20
      1286

    8. Toivoisin, että lähentyisit kanssani

      Tänään koin, että välillämme oli enemmän. Kummatkin katsoivat pidempään kuin tavallisesti toista silmiin. En tiedä mistä
      Ikävä
      17
      1051

    9. Kevyt on olo

      Tiedättekö, että olo kevenee kummasti, kun päästää turhista asioista tai ihmisistä irti! Tämä on hyvä näin <3
      Ikävä
      84
      1018

    10. Olisinpa jo siellä, otatkohan minut vastaan

      Olisitpa lähelläni ja antaisit minun maalata sinulle kuvaa siitä kaikesta ikävästä, tuskasta, epävarmuudesta ja mieleni
      Ikävä
      79
      1010
    Aihe

    Liity mukaan keskusteluihin

    Meidän mielestämme keskustelu kuuluu kaikille. Jos haluat apua ongelmaasi, jakaa ajatuksiasi tai kysyä mielipiteitä, aloita keskustelu! Anonyymisti tottakai.

    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt