reCAPTCHA v3バッジを消してもいいの?【Google公式】指定の文章をいれなければいけないよ!

2020年3月8日 2020年9月4日

にゃあこ

チコちゃん

お問い合わせフォームのreCAPTCHAのマーク消したいわ!

チコちゃん

確かに色々サイトみたけど、消してるのか?
見当たらないね…
reCAPTCHAマークって勝手に消してもいいんだっけ?

Google公式サイトをよく読んでみると

消してもいいけどGoogle公式の文章を載せてね!と書いてありました。

公式サイトを読んでみてね!

reCAPTCHA公式サイト

この記事は

reCAPTCHA v3を設置済み
お問い合わせフォームform contact7を使っている
reCAPTCHA 3バッジを消したい

人向けの記事です。

1 お問い合わせフォームの一番下にHTMLを追加する
2 CSSに下のコードをコピペするとreCAPTCHA v3 のマークが消えます
3 Content from7にどうやっていれるの?

お問い合わせフォームの一番下にHTMLを追加する

お問い合わせのコンタクトフォームをクリックする

編集をクリック

編集画面の一番下までスクロールする

にゃあこ

下のHTMLをコンタクトフォーム編集画面下にコピペして保存してね。
Google公式サイトのものは英語でしたが私は日本語にしました。
英語じゃないとダメなのかな?

英語バージョンはこちら

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.

日本語バージョンはこちら

このサイトはreCAPTCHAとGoogleによって保護されています
     <a href="https://policies.google.com/privacy">プライバシーポリシー</a>
     <a href="https://policies.google.com/terms">利用規約</a>が適用されます。

CSSに下のコードをコピペするとreCAPTCHA v3 のマークが消えます

reCAPTCHA v3バッジを消さない場合はお問い合わせフォームにこんな感じであらわれます。

DIVERではCSSを編集する場所は何ヶ所もありますが

管理画面の

外観
カスタマイズ
CSS追加
CSSの一番下に追加していく

わからない人は下の記事を参考にしてください。

Diverテーマ表をカスタマイズ!グーテンベルクでblogを書こう

2020.2.27

ぽんひろさんのコピペだけで使える表を私が使っているDiverテーマにも導入してみました。たかしくん Diverでもうまく反映されるのかな?めちゃ不安! たかしくん心配したけどうまく反映されたよ。この記事はグーテンベルクで記事を書いている Diverテーマを使っている HTMLやCSSが少しわ...

にゃあこ

子テーマの編集画面のCSSからでも追加することができます。

下のCSSを追加するだけでreCAPTCHA v3のバッジが消えちゃいます。

.grecaptcha-badge { visibility: hidden; }

　reCAPTCHA3バッジを消す時はGoogle公式の文章を付け加えること

にゃあこ

reCAPTCHAバッジが消えて、少しすっきりしました。
Google公式サイトの決まりでこの文章をいれなければいけないようです。

Content from7にどうやっていれるの?

よかったらこのHTMLをコピペして使ってくださいませ。

私と同じお問い合わせフォームになりますが、Google公式に書いてある指定の文章を簡単に作れます。

<div class="contact">
<div class="name">
<div class="form_title">お名前<span>必須</span></div>
<div class="form_area">[text* your-name]</div>
</div>

<div class="address">
<div class="form_title">メールアドレス<span>必須</span></div>
<div class="form_area">[email* your-email] </div>
</div>

<div class="title">
<div class="form_title">題名</div>
<div class="form_area">[text your-subject] </div>
</div>

<div class="message">
<div class="form_title">メッセージ本文</div>
<div class="form_area">[textarea your-message] </div>
</div>
[submit "送信"]
</div>
<p class = "recaptcha_policy">このサイトはreCAPTCHAおよびGoogle <a href="https://policies.google.com/privacy" target="_blank">プライバシーポリシー</a>および<a hrefによって保護されています = "https://policies.google.com/terms" target = "_ blank">利用規約</a>が適用されます。</ p>

以上です。