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
2208
Vastaukset 16
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
Olen nainen pahoillani, että tykkään sinusta niin paljon, että
Haluaisin panna sua. Tuntuu vaan siltä, että olet sen suhteen ihan haluton. Ei minulle riitä pelkkä ystävyyssuhde.641021Mieti oikeasti
Ollaan lähes tuntemattomia, mutta samalla on tämä erityinen vuosien tilanne takana, joka on ollut monella tapaa väärin.30687- 90685
Puukotus Kajaanissa
Kuka puukotti ja ketä? https://yle.fi/a/74-20247765 Vähemmän yllättäen päihteet mainittu24661- 46648
- 9641
kene ajoi "kolarin"?
"Punkaharjulla Luston ja Tuppuranmäen välillä sattui tiistaina aamupäivällä liikenneonnettomuus. Poliisin mukaan Savonl14635Pahin tapa satuttaa toista
On jättää toinen vaille mitään vastausta. Erityisen kipeää se tekee sillon jos toinen ghostaa.68629Alkaa jotenkin nyt kuvio hahmottuu täällä
Sellainen vaikutelma tästä alkaa tulla, että täällä on joku pieni porukka, joka tuntee toisensa tai ainakin pelaa samaan82558- 42550
Minulla on joskus ikävä sinua ja ajattelen sinua joskus.. edelleen
Olin joskus niin rakastunut sinuun. Olin onnellinen, että kohdattiin ja kun vain tiesin sinun olevan olemassa. Täytit aj22548- 62546
- 61539
- 44531
Jos kaivattusi on
Varattu niin miksi et antaisi asian olla hänen suhteen. Miksi ylipäätään vielä jatkat?47523Hyvä on sitten, jos et sitä s*ksiä halua kanssani.
Rakastetaan vaan toisiamme, voin käydä muualla tyydyttämässä fyysisenpuolen tarpeet. Puhumalla tämäkin olisi selvinnyt.134508Kylän tielle remonttia?
Mitäköhän kylän tielle ruvetaan tekemään ku laitettu tuommoset töpsät muutamien suojateitten kohille?13482Miten vuosien jälkeenkin tunteet voivat olla niin voimakkaat?
Että pelkkä ajatus sinusta täyttää silmät kyynelistä.27437Nainen, tässä olen kahden vaiheilla
Toinen pitäisi valita ja kummassakin on hyvät ja huonot puolensa. Toinen olisi sellainen pysyvä mutta työläs. Toinen taa46433Suloinen ja herkkä
Toiset huomioiva, räväkkä, yllättävä. Ei sellaisesta voi olla pitämättä.29423