面倒な画像認証を楽しいぷちクイズにできる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 - ショートコードをコピーして記事にコピペ

 

サンプル

お名前 (必須)

メールアドレス (必須)

題名

メッセージ本文

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

 

まとめ

というわけで、今回はお問い合わせフォームの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

関連記事

お助けいただいているアカウトのご紹介その一/セキュリティ関連 オマケ:Win更新関係 アイキャッチ画像:セキュリティアイコンくつきちよこ作

お助けいただいているアカウトのご紹介その1|セキュリティ関連 オマケ:Win更新関連その他

セキュリティアイコン 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト &n

記事を読む

html tattoo by webmove, on Flickr

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

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

記事を読む

Initial thoughts on Bilski by opensourceway, on Flickr

amazonJsで「amazonへのレスポンスがパース出来ません」エラーが出たときの対処法

Initial thoughts on Bilski by opensourceway,

記事を読む

shout! by su neko, on Flickr Wordpressの画像編集に絶望したーっ アイキャッチ画像

WordPress3.9更新後の画像編集画面に絶望したーっ!…ので、よく使うスタイル指定をメモメモ…

なんだか最近Wordpressの画像編集機能が微妙です。 3.9に更新してからというも

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

記事を読む

コピーサイト被害に遭ってしまったら? 「DMCA」「直リン画像差し替え」以外の対処法! パクリ先コピーサイトの表示サンプル

コピーサイト被害に遭ってしまったら? 「DMCA」以外の対処法!

   大人げないにもほどがある差し替え画像から変更した、少し落ち着木を取り戻した直リン差し

記事を読む

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

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

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

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場