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

関連記事

Title:Peeking Diet Bos on Flickr Some rights reserved

今さらだけど、大事な事!「写真をブログにアップする時の注意点」

  Title:Peeking Diet Bos on Flickr Some right

記事を読む

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

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

記事を読む

Tumblrボタン(フォロー、共有)設置方法 記事下設置やプロフィールへの設置、その他シェア方法など イチパン!サンプル

WordPressでTumblrボタンを実装してみた(記事下、サイドバーへの設置、その他シェア方法など)

  Share on Tumblr こちら、昨日作ったくつキッチュの姉妹サイト『イチ

記事を読む

Advertising and Rain by Jakob Montrasio, on Flickr ネットオウル『WPblog』の広告表示位置が変わったのでルール範囲内で位置を調整するよ♪

ネットオウル『WPblog』の広告表示位置が変わったのでルール範囲内で位置を調整するよ♪

Flickrの上ヤコブMontrasioによる広告や雨   ネットオウルか

記事を読む

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

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

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

記事を読む

photonヤバイ!と思って切ったら、「EWWW Image Optimizer」line1674のエラーでダブルパンチ!……死ぬかと思った! パクリサイトが、パクラレサイトの画像に直リンして画像を盗用するイメージ

サイトをコピーされた? でも、JETPACKのphotonを有効にしてると、「画像の差し替えの反撃」ができないみたい

   直リンで画像を登用される時の説明画像   登場人物:くつきちよこ 

記事を読む

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

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

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

記事を読む

サイトの名刺ファビコンテスト前哨戦-ファビコン設置方法-* アイキャッチ画像

動くファビコン、今ならアリ?

最近とんと見かけなくなった気がする動くファビコン… 今ならすごく目立つ気もしますが…実

記事を読む

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

記事を読む

ファイル埋め込みソフト「ステガノグラファー」注意点!【パスワード方式、自動サムネイル画像変換に注意!】 パスワード「CAST128」選択、元画像

ファイル埋め込みソフト「ステガノグラファー」注意点!【パスワード方式、サムネイル画像自動変換に注意!】

  サンプル画像:パスワードは「128」   登場人物:くつきちよこ 

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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