Google Captcha ver. 3 asennus ei onnistunut

Hei

Yritin asentaan foorumisivustolleni ( https://www.sanaristikkofoorumi.net/wordpress/forums/ )
Google Chapcha ver. 3
Mutta
https://www.sanaristikkofoorumi.net/wordpress/wp-content/uploads/2018/11/captcha.png
en ymmärrä, mikä minulla on ongelmana linkissä esitetyssä kohdassa.

Yritin enkunkielisellä sivulla kysyä, mutta enkun taitoni saisi olla parempi, että ymmärtäisin kaiken enkuksi.
162218
Äänestä

Muut lukivat myös

Vastaukset 16

Vanhimmat
Aloittaja

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?

Äänestä
  • 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

    Äänestä

  • 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

    Äänestä

  • 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.

    Äänestä

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+kuvahttps://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;+}

Äänestä

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/

Äänestä
  • 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

    Äänestä

  • 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.

    Äänestä

  • Aloittaja

    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.

    Äänestä

Aloittaja

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ä.

Äänestä
Aloittaja

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.

Äänestä
  • 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.

    Äänestä

  • 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

    Äänestä

Aloittaja

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.

Äänestä
Aloittaja

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?

Äänestä
Aloittaja

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.

Äänestä

Kommentoi aloitusta


Tapio-Huuhaa kirjoitti:

Hei

Yritin asentaan foorumisivustolleni ( https://www.sanaristikkofoorumi.net/wordpress/forums/ )
Google Chapcha ver. 3
Mutta
https://www.sanaristikkofoorumi.net/wordpress/wp-content/uploads/2018/11/captcha.png
en ymmärrä, mikä minulla on ongelmana linkissä esitetyssä kohdassa.

Yritin enkunkielisellä sivulla kysyä, mutta enkun taitoni saisi olla parempi, että ymmärtäisin kaiken enkuksi.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu