1. 田畑

MVCレイアウトでのreCAPTCHAフィールドの追加とカスタマイズ

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

ASP.NET(非MVC)レイアウト用のCAPTCHAフィールド 、またはMVCフォームレンダリング用のreCAPTCHAフィールドを実装することで、ロボットの攻撃、スパム、不正使用からWebサイトを保護できます。CAPTCHAフィールドとreCAPTCHAフィールドの両方で、サイト訪問者は表示された記号の組み合わせを入力する必要があります。

メモ

Robot Attack Protectionのリダイレクト機能は、reCAPTCHAフィールドには適用されません。代わりに、CAPTCHAは同じページに表示されます。

reCAPTCHAを設定および構成するには、次の手順を実行します。

  1. Webブラウザーで、JavaScriptが有効になっていることを確認します。

  2. ウェブサイトの登録場所: https://www.google.com/recaptcha/admin#list

    登録すると、サイトにreCAPTCHAを追加するためのシークレットキーとサイトキーを受け取ります。

  3. \App_Config\Include\ フォルダ内のSitecore.MvcForms.configファイルに次の設定を追加します。

    <!-- Recaptcha private/secret key -->
      <setting name="WFM.RecaptchaSecretKey" value="" />
 <!-- Recaptcha public/site key -->
      <setting name="WFM.RecaptchaSiteKey" value="" />
</settings>

  4. SecretキーとSiteキーを適切な設定値に挿入します。

    手記

    reCAPTCHAバージョン1.0のキーを指定できます。この場合は、web.configファイルのキーを <appSettings> ノードに追加します。

    <add key="RecaptchaPublicKey" value="[site key value goes here]" />
<add key="RecaptchaPrivateKey" value="[secret key value goes here]" />

  5. reCAPTCHAフィールドのエラーメッセージを変更するには、/sitecore/system/Modules/Web Forms for Marketers/Settings/Field Types/Complex/Captchaフォルダに移動し、右側のペインのDataタブのLocalized Parametersフィールドで、タグの間に新しいエラーメッセージを挿入します。

    手記

    詳細については、reCAPTCHA開発者ガイドのWebサイトを参照してください: https://developers.google.com/recaptcha/intro

  6. reCAPTCHAフィールドの外観とタイプをカスタマイズするには、右側のペインのParametersフィールドで次の操作を行います。

    • カラーテーマを明るい色から暗い色に変更します– <Theme>dark</Theme>を挿入します。

    • reCAPTCHAフィールドの表示方法を画像からオーディオに変更します– <CaptchaType>audio</CaptchaType>を挿入します。

手記

Web Forms for Marketersは、コンテンツ エディターによるWeb Data-callback設定のパラメーター化をサポートしていませんが、Recaptchafield.cshtmlファイルをカスタマイズできます。

この記事を改善するための提案がある場合は、 お知らせください!