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

編集履歴

質問編集履歴

4

javascriptのエラー確認追記

2019/02/05 01:05

投稿

mokemoke
mokemoke

スコア52

test CHANGED
File without changes
test CHANGED
@@ -112,25 +112,27 @@
112
112
 
113
113
  ※javacriptのエラーについて確認がありましたので、以下、試した内容とエラー内容を追記します。
114
114
 
115
- 　　・Ｖ２で当初質問事項に記載したPHPに「<script src='https://www.google.com/recaptcha/api.js'></script>」を追加し、
115
+ 　　・Ｖ２で当初質問事項に記載したPHPに「<script src='https://www.google.com/recaptcha/api.js'></script>」
116
-
116
+
117
- 　　　フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ"></div>」を
117
+ 　　　を追加し、フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
118
-
118
+
119
- 　　　追加した状態。
119
+ 　　　wkkCZ"></div>」を追加した状態。
120
-
120
+
121
+
122
+
121
- 　　　　→　reCAPTCHAのチェックボックスは表示されるが、以下のエラーが発生している。
123
+ 　　　　※reCAPTCHAのチェックボックスは表示されるが、以下のエラーが発生している。
122
-
124
+
123
- 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
125
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
124
-
126
+
125
- net::ERR_ABORTED 400
127
+ wkkCZ&ver=3.0 net::ERR_ABORTED 400
126
-
128
+
127
- 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
129
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
128
-
130
+
129
- net::ERR_ABORTED 400
131
+ wkkCZ&ver=3.0 net::ERR_ABORTED 400
130
-
132
+
131
- 　　　　　　・Uncaught Error: Invalid site key or not loaded in api.js: 6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ
133
+ 　　　　　　・Uncaught Error: Invalid site key or not loaded in api.js: 6LexpYsUAAAAAOsq1baRxIQ2-
132
-
134
+
133
- at Object.I4 [as execute] (recaptcha__ja.js:540)
135
+ DuPSUtIYd_wkkCZ at Object.I4 [as execute] (recaptcha__ja.js:540)
134
136
 
135
137
  at execute ((index):1038)
136
138
 
@@ -156,21 +158,25 @@
156
158
 
157
159
 
158
160
 
161
+
162
+
159
- 　　・Ｖ２で当初質問事項に記載したPHPから「<script src='https://www.google.com/recaptcha/api.js'></script>」を削除し、
163
+ 　　・Ｖ２で当初質問事項に記載したPHPから「<script src='https://www.google.com/recaptcha/api.js'></script>」
160
-
164
+
161
- 　　　フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ"></div>」、
165
+ を削除し、フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
162
-
166
+
163
- 　　　またはを「[recaptcha]」を追加した状態。
167
+ wkkCZ"></div>」、またはを「[recaptcha]」を追加した状態。
164
-
168
+
169
+
170
+
165
- 　　　　→　reCAPTCHAのチェックボックスが表示されず、以下のエラーが発生している。
171
+ 　　　　※reCAPTCHAのチェックボックスが表示されず、以下のエラーが発生している。
166
-
172
+
167
- 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
173
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
168
-
174
+
169
- net::ERR_ABORTED 400
175
+ wkkCZ&ver=3.0 net::ERR_ABORTED 400
170
-
176
+
171
- 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
177
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_
172
-
178
+
173
- net::ERR_ABORTED 400
179
+ wkkCZ&ver=3.0 net::ERR_ABORTED 400
174
180
 
175
181
  　　　　　　・Uncaught ReferrenceError: Grecaptcaha is not defined
176
182
 

3

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

2019/02/05 01:05

投稿

mokemoke
mokemoke

スコア52

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  プラグイン「Contact Form 7」で申込みフォームを作成し、入力した内容がメール送信されるところまで動作確認出来たので、
6
6
 
7
- スパム対策として「Google reCAPCHA」を利用出来るよう、サイト上の情報等を参考に設定をしたところ、「reCAPCHA」自体は
7
+ スパム対策として「Google reCAPCHA」を利用出来るよう、サイト上の情報等を参考に設定をしたところ、「reCAPTCHA」自体は
8
8
 
9
9
  正常に動くところまで確認出来ましたが、今度はメール送信が失敗するようになってしまいました。
10
10
 
@@ -16,19 +16,19 @@
16
16
 
17
17
 
18
18
 
19
- とりあえず「reCAPCHA」に関連する設定（「Contact Form 7」のインテグレーション、問い合わせフォームに設置した「reCAPCHA」、
19
+ とりあえず「reCAPTCHA」に関連する設定（「Contact Form 7」のインテグレーション、問い合わせフォームに設置した「reCAPTCHA」、
20
-
20
+
21
- 「header.php」から「reCAPCHA」を動作させるための1文等を全て削除）すると、送信出来る様になるので、「reCAPCHA」に関する
21
+ 「header.php」から「reCAPTCHA」を動作させるための1文等を全て削除）すると、送信出来る様になるので、「reCAPTCHA」に関する
22
22
 
23
23
  設定部分が悪影響しているかと思われます。
24
24
 
25
25
 
26
26
 
27
- 「Contact Form 7」、「reCAPCHA」の組み合わせによるメール送信失敗に関して、何かアドバイスを頂けると助かります。
27
+ 「Contact Form 7」、「reCAPTCHA」の組み合わせによるメール送信失敗に関して、何かアドバイスを頂けると助かります。
28
-
29
-
30
-
28
+
29
+
30
+
31
- 念のため「reCAPCHA」に施した「reCAPCHA」に関する追加文を入れた形でソースをアップ致しますので、何かおかしい部分が
31
+ 念のため「reCAPTCHA」に施した「reCAPTCHA」に関する追加文を入れた形でソースをアップ致しますので、何かおかしい部分が
32
32
 
33
33
  ありましたら、アドバイスをお願い致します。
34
34
 
@@ -66,7 +66,7 @@
66
66
 
67
67
 
68
68
 
69
- 　◎reCAPCHAのバージョン
69
+ 　◎reCAPTCHAのバージョン
70
70
 
71
71
  　　・Ｖ２にて試しております。
72
72
 
@@ -100,7 +100,7 @@
100
100
 
101
101
 
102
102
 
103
- 　　　　Contact Form 7とWp-Membersの両方でreCAPCHAを使うとなると、Ｖ２とＶ３を混在して
103
+ 　　　　Contact Form 7とWp-Membersの両方でreCAPTCHAを使うとなると、Ｖ２とＶ３を混在して
104
104
 
105
105
  　　　　利用するしかないかとも思っておりますが、何か良い方法等があれば、アドバイスを
106
106
 
@@ -110,6 +110,72 @@
110
110
 
111
111
 
112
112
 
113
+ ※javacriptのエラーについて確認がありましたので、以下、試した内容とエラー内容を追記します。
114
+
115
+ 　　・Ｖ２で当初質問事項に記載したPHPに「<script src='https://www.google.com/recaptcha/api.js'></script>」を追加し、
116
+
117
+ 　　　フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ"></div>」を
118
+
119
+ 　　　追加した状態。
120
+
121
+ 　　　　→　reCAPTCHAのチェックボックスは表示されるが、以下のエラーが発生している。
122
+
123
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
124
+
125
+ net::ERR_ABORTED 400
126
+
127
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
128
+
129
+ net::ERR_ABORTED 400
130
+
131
+ 　　　　　　・Uncaught Error: Invalid site key or not loaded in api.js: 6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ
132
+
133
+ at Object.I4 [as execute] (recaptcha__ja.js:540)
134
+
135
+ at execute ((index):1038)
136
+
137
+ at Yb (recaptcha__ja.js:542)
138
+
139
+ at UF (recaptcha__ja.js:539)
140
+
141
+ at recaptcha__ja.js:554
142
+
143
+ at recaptcha__ja.js:573
144
+
145
+ I4 @ recaptcha__ja.js:540
146
+
147
+ execute @ (index):1038
148
+
149
+ Yb @ recaptcha__ja.js:542
150
+
151
+ UF @ recaptcha__ja.js:539
152
+
153
+ (anonymous) @ recaptcha__ja.js:554
154
+
155
+ (anonymous) @ recaptcha__ja.js:573
156
+
157
+
158
+
159
+ 　　・Ｖ２で当初質問事項に記載したPHPから「<script src='https://www.google.com/recaptcha/api.js'></script>」を削除し、
160
+
161
+ 　　　フォームに「<div class="g-recaptcha" data-sitekey="6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ"></div>」、
162
+
163
+ 　　　またはを「[recaptcha]」を追加した状態。
164
+
165
+ 　　　　→　reCAPTCHAのチェックボックスが表示されず、以下のエラーが発生している。
166
+
167
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
168
+
169
+ net::ERR_ABORTED 400
170
+
171
+ 　　　　　　・GET https://www.google.com/recaptcha/api.js?render=6LexpYsUAAAAAOsq1baRxIQ2-DuPSUtIYd_wkkCZ&ver=3.0
172
+
173
+ net::ERR_ABORTED 400
174
+
175
+ 　　　　　　・Uncaught ReferrenceError: Grecaptcaha is not defined
176
+
177
+
178
+
113
179
  ```PHP
114
180
 
115
181
  <!DOCTYPE html>

2

情報追記

2019/02/05 00:56

投稿

mokemoke
mokemoke

スコア52

test CHANGED
File without changes
test CHANGED
@@ -44,6 +44,72 @@
44
44
 
45
45
 
46
46
 
47
+ ※情報が少ないとのご指摘をいただきましたので、いくつか追記致します。
48
+
49
+
50
+
51
+ 　◎ローカル環境のバージョン
52
+
53
+ 　　・WordPress：5.0.3-ja
54
+
55
+ 　　・XAMPP：7.0.33
56
+
57
+ 　　・Apache：2.4.37
58
+
59
+ 　　・PHP：7.0.33
60
+
61
+
62
+
63
+ 　◎デバッグモード
64
+
65
+ 　　・デバッグモードを試してみましたが、エラー箇所が上手く表示されませんでした。
66
+
67
+
68
+
69
+ 　◎reCAPCHAのバージョン
70
+
71
+ 　　・Ｖ２にて試しております。
72
+
73
+ 　　・Contact Form 7のインテグレーションでサイトキーと秘密キーを指定することで
74
+
75
+ 　　　　PHPに一文を追加する必要はないとの事で、その様な記述がされているサイトの
76
+
77
+ 　　　　情報に従って試してみましたが、reCAPTCHAのチェックボックスが表示されず、
78
+
79
+ 　　　　やはり送信すると失敗します。
80
+
81
+ 　　　　参考にしたサイトにはフォームの編集画面に「reCAPTCHA」ボタンが表示されると
82
+
83
+ 　　　　ありましたが、そもそもボタンガ表示されていないので、設定上の問題が
84
+
85
+ 　　　　あるのかもしれません。
86
+
87
+
88
+
89
+ 　　・Ｖ３を試してみた。
90
+
91
+ 　　　　とりあえずＶ３のキーも取得して試してみたところ、こちらに関しては上手く
92
+
93
+ 　　　　動作しました。
94
+
95
+ 　　　　ただし、ユーザ登録制を前提としていることから、ユーザ登録の部分をWp-Membersの
96
+
97
+ 　　　　プラグインを使っており、こちらのプラグインではＶ３のキーを設定するとキーエラーに
98
+
99
+ 　　　　なることから、Ｖ３は対応していないかと思われます。
100
+
101
+
102
+
103
+ 　　　　Contact Form 7とWp-Membersの両方でreCAPCHAを使うとなると、Ｖ２とＶ３を混在して
104
+
105
+ 　　　　利用するしかないかとも思っておりますが、何か良い方法等があれば、アドバイスを
106
+
107
+ 　　　　お願いします。
108
+
109
+
110
+
111
+
112
+
47
113
  ```PHP
48
114
 
49
115
  <!DOCTYPE html>

1

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

2019/02/04 08:30

投稿

mokemoke
mokemoke

スコア52

test CHANGED
File without changes
test CHANGED
@@ -35,6 +35,12 @@
35
35
  ※<head>～</head>の間に「<script src='https://www.google.com/recaptcha/api.js'></script>」を追加するとの事で
36
36
 
37
37
  　</head>の直前に追加しております。
38
+
39
+
40
+
41
+ また、メールのエラーログが存在していないか確認してみようと思い、ローカル環境（XAMPP）のメール送信時のログの格納先や
42
+
43
+ プラグイン「WP Mail SMTP」の関連フォルダ等を確認してみましたが、エラーログと思われるログ情報が見つかりませんでした。
38
44
 
39
45
 
40
46