面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪

くつキッチュ!スクラップス - wordpressカテゴリへ

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:とつぜんですがここでクイズです。「発酵」に関する画像にチェックを入れてください。

※ダミー認証画像です(笑)くつきちよこ

登場人物:icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン 同サイト内、About &管理人へリンクします♪くつきちよこ ※管理人   icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン ゲストS.S改め「佐藤」へリンクします♪佐藤 ※ゲスト

まえがき

 

最近、地獄のルーティンワークの苦痛を緩和すべく、新サイトの準備にぼちぼち手を付けはじめました。

というわけで、WordPressインストールからはじまり、プラグインインストール、各種設定をしているのですが、設定中「お!」と思ったのがこちら。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:お問い合わせフォームに、GoogleAPIを利用した画像認証が挿入できる「reCAPTCHA」サンプルキャプチャ画像

お問い合わせフォームに、GoogleAPIを利用した画像認証が挿入できる「reCAPTCHA」です。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 こちらは、WordPressプラグインではなくGoogleAPIというサービス。

WordPressプラグインを使ってより簡単に、GoogleAPIを利用することでより高度な、画像認証が可能になります。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 一般人のブログにも使えるんだね。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 高度な認証機能ですので、なんとなく特別な手続きが必要かと思ってしまいますが、設定すれば誰もが普通に使えます。

というわけで、今回はお問い合わせフォームの画像認証「reCAPTCHA」の使い方です。

※あくまでも「reCAPTCHA」の使い方ということで、本家のお問い合わせフォームやキャプチャのプラグイン説明はかけ足です。

※作業の際はバックアップや動作確認など忘れずに、導入は自己責任でお願い致しますね。m(_ _)m

 

おおまかなイメージ

キャプチャ画像認証「reCAPTCHA」導入方法はこんな感じ。

 

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:おおまかなイメージ 「問い合わせフォームプラグイン「Contact Form 7」(メインのプラグイン) 問い合わせフォームの画像認証を管理するプラグイン(サブプラグイン)」 + 外部サービスGoogleAPI「reCAPTCHA」

 

ではまずは、準備から↓

準備

1 – グーグルアカウントにログインしておきます。

2 – キャプチャ画像用のプラグインをインストールしておきます。
※今回はCaptcha by BestWebSoftにしてみました。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:2 - キャプチャ画像用のプラグインをインストールしておきます。 ※今回はCaptcha by BestWebSoftにしてみました。

 

reCAPTCHA」でふたつのキーを取得

3 – 「reCAPTCHA」にアクセスします。
※たいてい[キャプチャ用プラグイン] ⇒ [インテグレーション]からリンクできます。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:「reCAPTCHA」でふたつのキーを取得 3 - 「reCAPTCHA」にアクセスします。 ※たいてい[キャプチャ用プラグイン] ⇒ [インテグレーション]からリンクできます。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:「reCAPTCHA」でふたつのキーを取得 3 - 「reCAPTCHA」にアクセスします。 ※たいてい[キャプチャ用プラグイン] ⇒ [インテグレーション]からリンクできます。B

 

4 – 「Get reCAPTCHA]をクリックします。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:3-4「reCAPTCHA」にアクセスします。⇒「Get reCAPTCHA]をクリックします。

5 – ラベルやドメイン名など、必要事項を入力し[Register]をクリック。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:5 - ラベルやドメイン名など、必要事項を入力し[Register]をクリック。

6 – 表示されたサイトキー、シークレットキーをメモします。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:6 - 表示されたサイトキー、シークレットキーをメモします。

 

WPキャプチャ管理プラグインにふたつのキーを入力

7 – サイトキー、シークレットキーをCAPTCHA管理プラグインに入力します。

[ダッシュボード] ⇒ [お問い合わせ] ⇒ [インテグレーション] ⇒ キー入力

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:7 - サイトキー、シークレットキーをCAPTCHA管理プラグインに入力します。 [ダッシュボード] ⇒ [お問い合わせ] ⇒ [インテグレーション] ⇒ キー入力

 

お問い合わせフォーム新規作成

では早速、画像認証を試してみましょう。

上の設定が完了していれば、お問い合わせフォーム(Contact Form 7)新規作成画面に、[reCAPTCHA]のボタンが追加されています。

8 – [お問い合わせ] ⇒ [新規作成] ⇒ [任意の箇所にキャプチャ用タグ[reCAPTCHA]を挿入]

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:お問い合わせフォーム新規作成 では早速、画像認証を試してみましょう。 8 - [お問い合わせ] ⇒ [新規作成] ⇒ [任意の箇所にキャプチャ用タグを挿入]

9 – ショートコードをコピーして記事にコピペ

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:9 - ショートコードをコピーして記事にコピペ

 

サンプル

お名前 (必須)

メールアドレス (必須)

題名

メッセージ本文

Time limit is exhausted. Please reload CAPTCHA.

※サンプル用ダミーメールアドレスのため、実際には送信できません。
※画像認証のみ、実際に試せますのでどうぞ♪

 

まとめ

というわけで、今回はお問い合わせフォームのGoogleAPI画像認証「reCAPTCHA」の導入方法でした。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 プラグインサブ(キャプチャ用のプラグイン)はいくつもありますが、インテグレーションの設定はほぼ同じだと思います。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 いくつもあるんだ?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 今回はあくまでも「reCAPTCHA」の導入方法ということですので詳しい説明は省きましたが、「reCAPTCHA」「CAPTCHA」などで検索すると多数ヒットします。

くつきは、現WordPressバージョンとの互換性や、更新日、レビューの数などでCaptcha by BestWebSoft にしてみました。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:2 - キャプチャ画像用のプラグインをインストールしておきます。 ※今回はCaptcha by BestWebSoftにしてみました。

しばらく使ってみてよければまた記事にします。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 ほい。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 いずれにせよ、プラグイン選ぶ時はセキュリテイなどの面からも慎重に検討してくださいね。

今回くつきが試してみた、Captcha by BestWebSoft も、検索してみたらこんな記事が出てきました。

estWebSoftは、Captchaでは2014年11月にリリースしたV4.0.7以降、Google Captcha(reCAPTCHA) by BestWebSoftでは2015年2月13日にリリースしたV4.0.9でそれぞれ脆弱性に対処したもようだ。

ITmedia エンタープライズ WordPressのCaptchaプラグインに脆弱性、保護メカニズムが回避される恐れ

現在は対処済みとの事ですのでセキュリテイ面は問題ないとは思いますが、テーマやバージョンとの相性もありますので。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 検索大事だね。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 大事ですね。

それと、今回はプラグインを導入したので、WPプラグイン無しの導入方法については省略しましたが、

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪:6 - 表示されたサイトキー、シークレットキーをメモします。

「ヘッダー</head>の前にタグを挿入 ⇒ お問い合わせフォームの方にはキー込のタグを入れる」で、プラグイン無しで使えるようです。

プラグインを切った状態で、この方法も試しましたが、こちらも正常にキャプチャ画像が表示されました。

プラグイン無しで「reCAPTCHA」を導入したい方はこの方法もお試してみてくださいねー。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 とつぜんですがここで画像認証クイズです。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 とつぜんですね;;

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 「発酵」に関する画像にチェックを入れてください。

とつぜんですがここでクイズです。「発酵」に関する画像にチェックを入れてください。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 迷うっ Σ(´▽`*);

というわけで、迷いすぎて次回内容は未定です、でっは~ (*´▽`*)ノシ;

 

ブログランキング・にほんブログ村へ
にほんブログ村

 

 


 

–その他、更新予定–

  • 『創作ステージ@まちペディア』再起動 創作で使用できる架空の商品作ってみた話。
    創作ステージ@まちペディア 鋭意編集中! サンプル:チャットアプリCHAiN(チェーン)
    創作ステージwiki-架空チャットアプリ『CHAiN』ロゴラフ※ロゴや簡単な商品設定等は素材として配布予定
  • 『CLIP STUDIO』のアニメーション作成で、写真を読み込む方法
  • 佐藤に教えてもらった動画の容量を激下げするフリーソフト「つんでれんこ」が本当にツンデレちゃんだった話。
  • 佐藤に教えてもらった動画作成フリーソフトAviUtlの話。
  • Clip Studio(クリスタ)裏ワザ集
  • Clip Studio(クリスタ)オススメ素材

 

さとうのせんでん

「さとうのせんでんコーナー」です。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 少し不思議な短編小説『宇宙(セカイ)をデバッグする、簡単なお仕事です』は……

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 最近おそ松さんチェック出来ないほどガシガシ描いとります。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 またしても、タイトル再考中とか?(´∀`;)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 可能な限りわかりやすく、一瞬でどんな内容かわかるタイトルにしたいので、「デバッグ」をよみがなに変更するだけなんだけど。

「修正」または「修復」にふりがなで、(デバッグ)にして、『宇宙(セカイ)を修復(デバッグ)、簡単なお仕事です』とか。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 意図的に読ませるよみがなが二箇所だかえってわかりづらいかなー。

とにかく、表紙デザインやらなきゃなので早くね。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 申し訳ないけど、もう少し悩ませて。

というわけでストア配本の前の段階ですが、イントロ論文-「見るなのタブー」についての一考察- からはじまる『宇宙(セカイ)のバグを取り除く、簡単なお仕事です』は、現在パスワード公開中です。

電子書籍、作品公開用Twitter、ともにバレンタインデーに通常公開となります。

次巻、『知らぬ間に、宇宙(セカイ)は修復(デバッグ)されている。』ともども、よろしくお願いいたしますm(_ _)m

 

佐藤利音-サトウトシオ-


インサイド・アウトサイダー #バグ式』 佐藤利音著

 

 

 

佐藤利音Twitter ⇒ 佐藤利音 on TWITTER

佐藤利音ブログ ⇒ サトウトシオ式。@310104O

特設サイト ⇒ インサイド・アウトサイダー #バグ式 ◆このいと式シリーズ | Official Website

でんでんランディングページ | セルフパブリッシャーのためのTumblrテーマ に感謝!


セルフパブリッシャー必携の武器のこちら↓


 

 

 

Digiprove sealCopyright secured by Digiprove © 2016 chiyoko kutsuki
  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

ネットオウルでワードプレスをインストしてもログイン画面が表示されない時の対処法 default_page画像

ネットオウルでワードプレスをインストしてもログイン画面が表示されない時の対処法

 もくじ これまで無料サーバーのめちゃくちゃお手軽なインストールに頼りきりだったくつき

記事を読む

I believe I can fly - I believe I can touch the sky... by Harold Kuiper, on Flickr TOC+を使えば記事内リンクもツーステップで簡単♪ 『wp 文字まで飛ぶようにしたい』で検索されていらしたどなたかへの手紙 

TOC+を使えば同一記事内リンクもツーステップで簡単♪ 『wp 文字まで飛ぶようにしたい』で検索されていらしたどなたかへの手紙 

  秘密の抜け穴 I believe I can fly - I believe I can

記事を読む

ああこれSTINGERだなとわかるブログの特徴 検索ボックス編 Magnified Eye_5364c by hoyasmeg, on Flickr

「オッス!オラSTINGER!」……のカスタマイズ、検索ボックス編 あとちょろっとbtn素材配布♪

本日は、『くつキッチュ/SCRAPス!』でもお世話になっておりますWordPressテーマ『

記事を読む

Image taken from page 113 of 'Lilliput Lyrics ... Edited by R. Brimley Johnson. Illustrated by Chas. Robinson' by The British Library, on Flickr googleWebフォントを使ってみたよ!副題『不機嫌ウィザードは、邪悪な女王とジャックのための毒性醸造を行います。』

2ステップでお手軽簡単な『GoogleWebフォント』を使ってみたよ!「不機嫌ウィザードは、邪悪な女王とジャックのための毒性醸造を行います。」

前から気になっていたWebフォントを使ってみました♪ Image taken from

記事を読む

326/365 - plug in. by Bryan Rosengrant, on Flickr Some rights reserved

Q:ワードプレスの記事内にSoundCloudの音楽を埋め込むには? A:【WPプラグイン】は不要です!

タイトル通りです。今はURLだけで埋め込み完了です。  326/365 - pl

記事を読む

マウスコンピュータのHDが壊れました illust by 3104o ©佐藤利音

ヱ□カテゴリにアドセンスを表示させない『Display Widgets』『Widget Logic』は創作家サイトに必須のWPプラグイン!

26歳社畜之図 佐藤利音 on Twitter  ハイ、広告表示されてないですね?

記事を読む

boxo fart by boxo, on Flickr Some rights reserved ネットオウルWPblog利用中方はプラグイン「w3-total-cache」インストールしちゃダメ!ゼッタイ! アイキャッチ画像

ネットオウルWPblog利用中方はプラグイン「w3-total-cache」をインストールしちゃ、ダメ!ゼッタイ!

なあ……ワードプレスなんですぐ死んでしまうん?~~(  ゜  ゜) なあ……なんでなん

記事を読む

Hardcover book gutter and pages by Horia Varlan, on Flickr ページををめくるめくwpプラグインFlippingBook Galleryとか合成GIFとかの雑談

ページををめくるめく効果が簡単に作れるwpプラグイン『FlippingBook Gallery』とか合成GIFとか諸々

※サーバーが落ちてるのかここしばらくつながらない状態のようです。様子見のため、URLやサンプルページ

記事を読む

html tattoo by webmove, on Flickr

ワードプレスの記事内でコード表示をするには?【WPプラグイン】

html tattoo by webmove, on Flickr もくじ ドキ!トラ

記事を読む

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その1『忍者レコメンド』

  rss by TEIA MG, on Flickr もくじ 《くつキッチュ/スクラ

記事を読む

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • マウスコンピューター/G-Tune