teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Contact Form 7 で送信エラーとなる。

編集履歴

質問編集履歴

4

javascriptのエラー確認追記

2019/02/05 01:05

投稿

mokemoke
mokemoke

スコア52

title CHANGED
File without changes
body CHANGED
@@ -55,16 +55,17 @@
55
55
 
56
56
 
57
57
  ※javacriptのエラーについて確認がありましたので、以下、試した内容とエラー内容を追記します。
58
- 　　・Ｖ２で当初質問事項に記載したPHPに「<script src='https://www.google.com/recaptcha/api.js'></script>」を追加し、
58
+ 　　・Ｖ２で当初質問事項に記載したPHPに「<script src='https://www.google.com/recaptcha/api.js'></script>」
59
- 　　　フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ"></div>」を
59
+ 　　　を追加し、フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
60
- 　　　追加した状態。
60
+ 　　　wkkCZ"></div>」を追加した状態。
61
+
61
- 　　　　→　reCAPTCHAのチェックボックスは表示されるが、以下のエラーが発生している。
62
+ 　　　　※reCAPTCHAのチェックボックスは表示されるが、以下のエラーが発生している。
62
- 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
63
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
63
- net::ERR_ABORTED 400
64
+ wkkCZ&ver=3.0 net::ERR_ABORTED 400
64
- 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
65
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
65
- net::ERR_ABORTED 400
66
+ wkkCZ&ver=3.0 net::ERR_ABORTED 400
66
- 　　　　　　・Uncaught Error: Invalid site key or not loaded in api.js: 6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ
67
+ 　　　　　　・Uncaught Error: Invalid site key or not loaded in api.js: 6LexpYsUAAAAAOsq1baRxIQ2-
67
- at Object.I4 [as execute] (recaptcha__ja.js:540)
68
+ DuPSUtIYd_wkkCZ at Object.I4 [as execute] (recaptcha__ja.js:540)
68
69
  at execute ((index):1038)
69
70
  at Yb (recaptcha__ja.js:542)
70
71
  at UF (recaptcha__ja.js:539)
@@ -77,14 +78,16 @@
77
78
  (anonymous) @ recaptcha__ja.js:554
78
79
  (anonymous) @ recaptcha__ja.js:573
79
80
 
81
+
80
- 　　・Ｖ２で当初質問事項に記載したPHPから「<script src='https://www.google.com/recaptcha/api.js'></script>」を削除し、
82
+ 　　・Ｖ２で当初質問事項に記載したPHPから「<script src='https://www.google.com/recaptcha/api.js'></script>」
81
- 　　　フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ"></div>」、
83
+ を削除し、フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
82
- 　　　またはを「[recaptcha]」を追加した状態。
84
+ wkkCZ"></div>」、またはを「[recaptcha]」を追加した状態。
85
+
83
- 　　　　→　reCAPTCHAのチェックボックスが表示されず、以下のエラーが発生している。
86
+ 　　　　※reCAPTCHAのチェックボックスが表示されず、以下のエラーが発生している。
84
- 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
87
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
85
- net::ERR_ABORTED 400
88
+ wkkCZ&ver=3.0 net::ERR_ABORTED 400
86
- 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
89
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
87
- net::ERR_ABORTED 400
90
+ wkkCZ&ver=3.0 net::ERR_ABORTED 400
88
91
  　　　　　　・Uncaught ReferrenceError: Grecaptcaha is not defined
89
92
 
90
93
  ```PHP

3

javascriptのエラー確認事項を追記

2019/02/05 01:05

投稿

mokemoke
mokemoke

スコア52

title CHANGED
File without changes
body CHANGED
@@ -1,19 +1,19 @@
1
1
  WordPressで無料テーマ「STINGER PLUS2」をカスタマイズしながらサイトを作っております。
2
2
 
3
3
  プラグイン「Contact Form 7」で申込みフォームを作成し、入力した内容がメール送信されるところまで動作確認出来たので、
4
- スパム対策として「Google reCAPCHA」を利用出来るよう、サイト上の情報等を参考に設定をしたところ、「reCAPCHA」自体は
4
+ スパム対策として「Google reCAPCHA」を利用出来るよう、サイト上の情報等を参考に設定をしたところ、「reCAPTCHA」自体は
5
5
  正常に動くところまで確認出来ましたが、今度はメール送信が失敗するようになってしまいました。
6
6
  サイト上の情報を調べたところ、プラグイン「WP Mail SMTP」を導入する事で解決できるとの情報を見つけ、「WP Mail SMTP」を
7
7
  導入・有効化し、必要な設定を施して試してみましたが、「WP Mail SMTP」のテストメール送信では正常に送信出来るものの、
8
8
  「Contact Form 7」の申し込みフォームからは送信に失敗してしまいます。
9
9
 
10
- とりあえず「reCAPCHA」に関連する設定（「Contact Form 7」のインテグレーション、問い合わせフォームに設置した「reCAPCHA」、
10
+ とりあえず「reCAPTCHA」に関連する設定（「Contact Form 7」のインテグレーション、問い合わせフォームに設置した「reCAPTCHA」、
11
- 「header.php」から「reCAPCHA」を動作させるための1文等を全て削除）すると、送信出来る様になるので、「reCAPCHA」に関する
11
+ 「header.php」から「reCAPTCHA」を動作させるための1文等を全て削除）すると、送信出来る様になるので、「reCAPTCHA」に関する
12
12
  設定部分が悪影響しているかと思われます。
13
13
 
14
- 「Contact Form 7」、「reCAPCHA」の組み合わせによるメール送信失敗に関して、何かアドバイスを頂けると助かります。
14
+ 「Contact Form 7」、「reCAPTCHA」の組み合わせによるメール送信失敗に関して、何かアドバイスを頂けると助かります。
15
15
 
16
- 念のため「reCAPCHA」に施した「reCAPCHA」に関する追加文を入れた形でソースをアップ致しますので、何かおかしい部分が
16
+ 念のため「reCAPTCHA」に施した「reCAPTCHA」に関する追加文を入れた形でソースをアップ致しますので、何かおかしい部分が
17
17
  ありましたら、アドバイスをお願い致します。
18
18
  ※<head>～</head>の間に「<script src='https://www.google.com/recaptcha/api.js'></script>」を追加するとの事で
19
19
  　</head>の直前に追加しております。
@@ -32,7 +32,7 @@
32
32
  　◎デバッグモード
33
33
  　　・デバッグモードを試してみましたが、エラー箇所が上手く表示されませんでした。
34
34
 
35
- 　◎reCAPCHAのバージョン
35
+ 　◎reCAPTCHAのバージョン
36
36
  　　・Ｖ２にて試しております。
37
37
  　　・Contact Form 7のインテグレーションでサイトキーと秘密キーを指定することで
38
38
  　　　　PHPに一文を追加する必要はないとの事で、その様な記述がされているサイトの
@@ -49,11 +49,44 @@
49
49
  　　　　プラグインを使っており、こちらのプラグインではＶ３のキーを設定するとキーエラーに
50
50
  　　　　なることから、Ｖ３は対応していないかと思われます。
51
51
 
52
- 　　　　Contact Form 7とWp-Membersの両方でreCAPCHAを使うとなると、Ｖ２とＶ３を混在して
52
+ 　　　　Contact Form 7とWp-Membersの両方でreCAPTCHAを使うとなると、Ｖ２とＶ３を混在して
53
53
  　　　　利用するしかないかとも思っておりますが、何か良い方法等があれば、アドバイスを
54
54
  　　　　お願いします。
55
55
 
56
56
 
57
+ ※javacriptのエラーについて確認がありましたので、以下、試した内容とエラー内容を追記します。
58
+ 　　・Ｖ２で当初質問事項に記載したPHPに「<script src='https://www.google.com/recaptcha/api.js'></script>」を追加し、
59
+ 　　　フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ"></div>」を
60
+ 　　　追加した状態。
61
+ 　　　　→　reCAPTCHAのチェックボックスは表示されるが、以下のエラーが発生している。
62
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
63
+ net::ERR_ABORTED 400
64
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
65
+ net::ERR_ABORTED 400
66
+ 　　　　　　・Uncaught Error: Invalid site key or not loaded in api.js: 6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ
67
+ at Object.I4 [as execute] (recaptcha__ja.js:540)
68
+ at execute ((index):1038)
69
+ at Yb (recaptcha__ja.js:542)
70
+ at UF (recaptcha__ja.js:539)
71
+ at recaptcha__ja.js:554
72
+ at recaptcha__ja.js:573
73
+ I4 @ recaptcha__ja.js:540
74
+ execute @ (index):1038
75
+ Yb @ recaptcha__ja.js:542
76
+ UF @ recaptcha__ja.js:539
77
+ (anonymous) @ recaptcha__ja.js:554
78
+ (anonymous) @ recaptcha__ja.js:573
79
+
80
+ 　　・Ｖ２で当初質問事項に記載したPHPから「<script src='https://www.google.com/recaptcha/api.js'></script>」を削除し、
81
+ 　　　フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ"></div>」、
82
+ 　　　またはを「[recaptcha]」を追加した状態。
83
+ 　　　　→　reCAPTCHAのチェックボックスが表示されず、以下のエラーが発生している。
84
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
85
+ net::ERR_ABORTED 400
86
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
87
+ net::ERR_ABORTED 400
88
+ 　　　　　　・Uncaught ReferrenceError: Grecaptcaha is not defined
89
+
57
90
  ```PHP
58
91
  <!DOCTYPE html>
59
92
  <!--[if lt IE 7]>

2

情報追記

2019/02/05 00:56

投稿

mokemoke
mokemoke

スコア52

title CHANGED
File without changes
body CHANGED
@@ -21,6 +21,39 @@
21
21
  また、メールのエラーログが存在していないか確認してみようと思い、ローカル環境（XAMPP）のメール送信時のログの格納先や
22
22
  プラグイン「WP Mail SMTP」の関連フォルダ等を確認してみましたが、エラーログと思われるログ情報が見つかりませんでした。
23
23
 
24
+ ※情報が少ないとのご指摘をいただきましたので、いくつか追記致します。
25
+
26
+ 　◎ローカル環境のバージョン
27
+ 　　・WordPress：5.0.3-ja
28
+ 　　・XAMPP：7.0.33
29
+ 　　・Apache：2.4.37
30
+ 　　・PHP：7.0.33
31
+
32
+ 　◎デバッグモード
33
+ 　　・デバッグモードを試してみましたが、エラー箇所が上手く表示されませんでした。
34
+
35
+ 　◎reCAPCHAのバージョン
36
+ 　　・Ｖ２にて試しております。
37
+ 　　・Contact Form 7のインテグレーションでサイトキーと秘密キーを指定することで
38
+ 　　　　PHPに一文を追加する必要はないとの事で、その様な記述がされているサイトの
39
+ 　　　　情報に従って試してみましたが、reCAPTCHAのチェックボックスが表示されず、
40
+ 　　　　やはり送信すると失敗します。
41
+ 　　　　参考にしたサイトにはフォームの編集画面に「reCAPTCHA」ボタンが表示されると
42
+ 　　　　ありましたが、そもそもボタンガ表示されていないので、設定上の問題が
43
+ 　　　　あるのかもしれません。
44
+
45
+ 　　・Ｖ３を試してみた。
46
+ 　　　　とりあえずＶ３のキーも取得して試してみたところ、こちらに関しては上手く
47
+ 　　　　動作しました。
48
+ 　　　　ただし、ユーザ登録制を前提としていることから、ユーザ登録の部分をWp-Membersの
49
+ 　　　　プラグインを使っており、こちらのプラグインではＶ３のキーを設定するとキーエラーに
50
+ 　　　　なることから、Ｖ３は対応していないかと思われます。
51
+
52
+ 　　　　Contact Form 7とWp-Membersの両方でreCAPCHAを使うとなると、Ｖ２とＶ３を混在して
53
+ 　　　　利用するしかないかとも思っておりますが、何か良い方法等があれば、アドバイスを
54
+ 　　　　お願いします。
55
+
56
+
24
57
  ```PHP
25
58
  <!DOCTYPE html>
26
59
  <!--[if lt IE 7]>

1

メールのエラーログに関する情報追記

2019/02/04 08:30

投稿

mokemoke
mokemoke

スコア52

title CHANGED
File without changes
body CHANGED
@@ -18,6 +18,9 @@
18
18
  ※<head>～</head>の間に「<script src='https://www.google.com/recaptcha/api.js'></script>」を追加するとの事で
19
19
  　</head>の直前に追加しております。
20
20
 
21
+ また、メールのエラーログが存在していないか確認してみようと思い、ローカル環境（XAMPP）のメール送信時のログの格納先や
22
+ プラグイン「WP Mail SMTP」の関連フォルダ等を確認してみましたが、エラーログと思われるログ情報が見つかりませんでした。
23
+
21
24
  ```PHP
22
25
  <!DOCTYPE html>
23
26
  <!--[if lt IE 7]>