知りたいことが全てわかりました。

Contact Form 7のソースまで確認くださったようで、ありがとうございました。

target="_blank" の件ですが、セキュリティとパフォーマンス上の懸念があるので、最新ではないブラウザのことも考えると、rel=”noopener noreferrer”をつけるべきということですね。

リンク先がちょっと確認するぐらいの内容なら、別タブで開いて確認後ctrl-w等で閉じる方が自分は楽なのと、alt+←等で戻ると待ちがあることがあるのがいやなので、target="_blank"をつけていたのですが、target="_blank"を使うときはrel=”noopener noreferrer”をつけるように気をつけたいと思います。

全ての送信フォームからバッジの表示を消してしまうと、コメント以外の送信フォームではテキストでもバッジでもポリシーが表示されないことになります。

コメント送信フォームだけreCaptchaのバッジを表示せずに、テキストを表示すればいいかなと思い

CSS のセレクターの変更でコメントフォームのみバッジを非表示にできます。

.comment-form .grecaptcha-badge {
  visibility: hidden;
}

問い合わせフォームはContact Form 7プラグインを使っていますが、これの送信ボタンをフックするadd_filterのタグが見つかりません。

wpcf7_form_elements で可能です。

function recaptcha_policy() {
  return '<p class="recaptcha_policy">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</p>';
}

add_filter( 'wpcf7_form_elements', function( $form_tag ) {
  return $form_tag . recaptcha_policy();
});

もしくは…

function recaptcha_policy( $html ) {
  return $html . '<p class="recaptcha_policy">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</p>';
}

add_filter( 'wpcf7_form_elements', 'recaptcha_policy' );

※ <a> タグに target="_blank" を付ける場合は、セキュリティとプライバシー をご参考ください。

コメントフォーム以外の送信フォームについてもまとめてテキストでポリシーを表示する方法

教えていただきたいのは、「全ての送信フォームのreCaptchaポリシーをテキストで表示するスマートな方法はないでしょうか」ということです。

問題点は、以下のとおりです。

comment_form_submit_buttonでフックする方法では、コメント以外の送信フォームでは、テキストでreCaptchaのポリシーが表示されません。

ここで、Invisible reCaptcha設定の「バッジのカスタム CSS」に

.grecaptcha-badge { visibility: hidden; }

を書いて、全ての送信フォームからバッジの表示を消してしまうと、コメント以外の送信フォームではテキストでもバッジでもポリシーが表示されないことになります。

送信フォームはいろいろありますが、「問い合わせフォーム」にテキストでもバッジでもポリシーが表示されないのがとりあえずの問題です。問い合わせフォームはContact Form 7プラグインを使っていますが、これの送信ボタンをフックするadd_filterのタグが見つかりません。(問い合わせフォーム以外の送信フォームでも同様の問題はあるのでContact Form 7プラグインの問題ではないといえると思います)

今回はCocoon設定>コメント>コメント入力欄表示>「ボタンで表示切り替え」を選択したときだけのreCaptchaバッジ表示の不具合なので、コメントの送信フォーム以外ではバッジを表示しても問題ないことになります。

そこで、コメント送信フォームだけreCaptchaのバッジを表示せずに、テキストを表示すればいいかなと思い、Invisible reCaptcha設定の「バッジのカスタム CSS」は空にして、functions.phpのadd_filterを以下のようにすると思ったとおりに動きました。

add_filter( 'comment_form_submit_button', function( $submit_button ) {
  $html = '<p class="recaptcha_policy">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank">Privacy Policy</a> and <a href="https://policies.google.com/terms" target=" _blank">Terms of Service</a> apply.</p>';
  $recaptcha_hide = '<style>.inv-recaptcha-holder { visibility: hidden; height: 0px !important; }</style>';
  return $submit_button . $html . $recaptcha_hide;
});

(↑ inv-recaptcha-holderでheight: 0pxにすると多少はinvisibleな部分の高さが小さくなるのでそれも入れました。)

コメントフォーム以外の送信フォームについてもまとめてテキストでポリシーを表示する方法や、問い合わせフォームにテキストでポリシーを表示する方法がないかと思い投稿しました。

functions.php

add_filter( 'comment_form_submit_button', function( $submit_button ) {
  $html = '<p class="recaptcha_policy">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank">Privacy Policy</a> and <a href="https://policies.google.com/terms" target=" _blank">Terms of Service</a> apply.</p>';
  return $submit_button . $html;
});

style.css

.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 9px !important;
  color: #ADADAD !important;
}
.recaptcha_policy a {
  font-size: 9px !important;
  color: #4AA4F2 !important;
}
.grecaptcha-badge { visibility: hidden; }

見た目すっきりして良い感じです。

「インライン」のバッジの場合は、どのプラグインであっても結果は同じです。右端は必ず切れます。

バッジは、<iframe> で表示されます。この <iframe> は、reCaptcha の JavaScript が追加しています。どのプラグインも同じ reCaptcha の JavaScript を使用します。そのため、結果は同じです。

Advanced Google reCAPTCHA をインストールし、バッジをインラインで表示するようにプラグインをカスタマイズして実際に試したところ、バッジの右端は切れました。

ですので、選択肢は 3 つです。

• コメント入力欄を「常に表示」にする。※「ボタンで表示切り替え」でバッジの右端が切れるのは、コメント入力欄が display: none で非表示になっているため。非表示のところに <iframe> を追加するのは無理があります。
• 「バッジ位置」を「右下」にする。※「左下」もインラインのバッジのため不可。
• バッジを非表示にし、代わりとなるテキストを表示する。

確かに、他のプラグインにする手もありますね。

（なので、このままにしておきます。）

４月までに更新が無ければ、
「CAPTCHA 4WP」「reCaptcha by BestWebSoft」「Login No Captcha reCAPTCHA」「Simple Google reCAPTCHA」「hCaptcha for WordPress」の、どれかと交換する予定です。

arigatougozaimasu .

ありがとうございます。

いわれて気づきましたが、CSSを

修正して表示されるバッジの円形の矢印↓の部分の背景の白が左と右で微妙に違いますね。

左側のちょっとだけ灰色がかっている所は#F9F9F9で、

右側の真っ白く見える部分は#FFFFFFでした。

google reCaptchaの管理画面で下の方に表示されている正規のバッジを確認するとこの部分の背景色は#F9F9F9でした(他にいくつか検索してみましたが見つけたものはどれも微妙に灰色でした)。CSSで表示するようになった部分がオリジナルと異なっているようです。影がつくのならわかりますが、白くなるのはちょっと不思議です。

Google サービス内のコンテンツに、「いかなるブランド表示、ロゴ、法的通知も、削除したり、隠したり、改ざんしたりしてはなりません。」とありますし、著作権でも画像の加工は一般にだめなので、これはだめそうですね。

CSS修正前の、円形の矢印が半分欠けているバッジもオリジナルとは異なっているので、厳密には同様にだめそうです。

CSSで変更できず他の方法がなければ、とりありずはAkiraさんが最初に書いた方法で文字表示にしてしまうのが良さそうですね。目立ちすぎず却って良いように見えます。

AkiraさんのCSSで表示されますが、元々のバッジ幅は256pxなので、図のように薄っすら影がはいります。

気付いていませんでした。この影の部分は <iframe> の中にあるため CSS では変更できません。

また、バッジの大きさを変更するのは、reCaptcha で許可されているのか？との懸念もあります。

そのため、私が最初に書いた方法 でバッジを非表示にするのが 1 番いいと思います。