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.
Google Captcha ver. 3 asennus ei onnistunut
16
1556
Vastaukset
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-23024Joo, 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.pngMiksihä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.
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.
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ä.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
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.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?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ä.
Luetuimmat keskustelut
Kyllä suoraan
Sanottua vi.tu.taa. Miksi en toiminut silloin. Sama kun olisi heittänyt smagardin menemään.742240Voisitko nainen kertoa mulle
Tykkäätkö sä musta, vai unohdanko koko jutun? Mä en viitti tulla sinne enää, ettei mua pidetä jonain vainoajana, ku sun1751751- 1571606
Miehelle naiselta
Ajattelen sinua aina, en jaksa enää. Ja luulin, että pidit minusta, mutta silloin olisit tehnyt jotain. Mutta sinä et te501382- 901378
Iäkkäät asiakkaat ärsyttävät kaupoissa
Miksei Kela järjestä palvelua, jolla toimittaisivat ostokset suoraan ikäihmisille? https://www.is.fi/taloussanomat/art-2931237Olen syvästi masentunut
En oikein voi puhua tästä kenenkään kanssa. Sillä tavalla että toinen ymmärtäisi sen, miten huonosti voin. Ja se että mi1351109- 1131063
- 751052
Nainen, millainen tilanne oli
kun huomasit ihastuneesi häneen oikein kunnolla. Missä tapahtui ja milloin55948