面倒な画像認証を楽しいぷちクイズにできる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

関連記事

Numbers by SamahR, on Flickr Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方

2-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方『BOOKを記事で表示する』編

  追記:「WordPressの更新後、まれに『FlippingBook

記事を読む

「要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。 次に進むには FTP の接続情報を入力してください。」とWPに怒られた件 その上「サイトの状況が赤点です」とGoogle様にも怒られました(/_;) アイキャッチ画像 IconDesign by くつきちよこ

「要求されたアクションを実行するには、WordPress が Web サーバーにアクセスする必要があります。 次に進むには FTP の接続情報を入力してください。」とWPに怒られた件 ※解決済み

    Upload出来ない(/_;) ファイルの

記事を読む

Wpマルチサイト化サブディレクトリ型はめちゃ簡単!の初心者のハマリポイントは2箇所だけ! bento box by josey4628, on Flickr

Wpマルチサイト化(サブディレクトリ型)はめちゃ簡単!初心者のハマリポイントは2箇所だけ!

bento box by josey4628, on Flickr Wpマルチサイト化(

記事を読む

写真公開時のセキュリティに関して Online safety for kids by IntelFreePress, on Flickr

意外と知られていないExif情報のこと/写真公開時のセキュリティに関して

  Online safety for kids by IntelFreePress, on

記事を読む

マルチサイト化とかサーバーどうするかとかの雑談会 Money - Savings by 401(K) 2013, on Flickr

流行りに逆らってサーバーを選択した話

  サーバー選びのリアルな話 順調だったwpXクラウドのマルチサイト化(サブディレクトリ型)に影

記事を読む

Don't Panic Badge by Jim Linwood, on Flickr いきなり来た!「データベース接続確率エラー」

いきなり来た!「データベース接続確率エラー」∑(゚Д゚)ガーン

  Don&#x27;t Panic Badge by Jim Linwood, on

記事を読む

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その2『Google Feed API』

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その2『Google Feed API』

もくじ Laser engraved RSS icon by Book Wor

記事を読む

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

記事を読む

ワードプレスの不具合騒動、利用中のレンサバ統合されるってよ、など。 恐怖のエラー画面

「ワードプレスの不具合騒動(未解決)」と、「利用中のレンサバ統合されるってよ」など。

  サトウトシオのサイトがバグりました; ホラーなエラー!に驚いたる赤ちゃんのアイコ

記事を読む

インターネットサーバーエラーである日突然サイトが落ちたので閉鎖しようとしたけど、ダメ元である事をしたら偶然直った話。※マネは慎重に! 素材サイトの構成

インターネットサーバーエラーである日突然サイトが落ちたので閉鎖しようとしたけど、ダメ元である事をしたら偶然直った話。※マネは慎重に!

図:くつきちよこ   登場人物:くつきちよこ ※管理人   佐藤 ※ゲ

記事を読む

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

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

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