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

関連記事

検索しても対策が見つからない!WordPressのバグ忘備録 panic by nate steiner, on Flickr

検索しても対策が見つからない!見出し、行間のWordPressバグ忘備録

    2014/02/28追記: こんな記事を書

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

Q&A by opensource.com, on Flickr そんなに良くある感じじゃない質問(検索ワード)への回答 第二弾

そんなに良くある感じじゃない質問(検索ワード)への回答 第二弾

検索キーワードで(個人的にツボに入ったという意味での)ヒットしたもの、及び当サイトでは該当す

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

業務連絡のお詫びとWP怪奇現象の話 Chrome怪現象?「sample.com ページは機能していません ichipan.phpapps.jp でリダイレクトが繰り返し行われました。 次をお試しください: ページを再読み込みする Cookie を消去する ERR_TOO_MANY_REDIRECTS」 

【業務連絡】素材サイト告知に関するお詫びと、WP怪奇現象の話

    『イチパン!』 ログイン画面 登場人物:くつきちよこ ※管理人

記事を読む

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

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

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

記事を読む

html tattoo by webmove, on Flickr

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

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

記事を読む

WpBlog(ワードプレス)のトラブルで万策尽きて「しかたない削除するか……」と思っている方、待って!奥の手! 【アプリケーションの初期化】を試す価値あり!※自己責任でお願いします。

WpBlog(ワードプレス)のトラブルで万策尽きて「しかたない削除するか……」と思っている方、待って!

くつきちよこ年末のご挨拶バージョン   登場人物:くつきちよこ ※管理人 

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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